6

how react-virtualized in different than normal reactJs. Can anyone please explain me with an example ?

Thanks in advance.

Abhipsa Mishra
  • 73
  • 1
  • 5

1 Answers1

11

Author of react-virtualized here. I think you might find the slides from a recent presentation I made about the library helpful. I suggest starting here and stepping through the slides (by pressing the right arrow key): https://bvaughn.github.io/forward-js-2017/#/10/0

I think this talk will be posted to the Forward JS YouTube channel soon but as of now, only the slides are available.

In short, react-virtualized helps improve the performance of your React application by limiting the number of calls to render as well as the number of DOM elements created and added to the page.

Edit: Link to the Forward JS talk

Mario Campa
  • 4,092
  • 1
  • 26
  • 25
bvaughn
  • 13,300
  • 45
  • 46
  • Hi Brian, Thanks for the reply. I am facing an issue with react-virtualised. Always getting below error Uncaught TypeError: Super expression must either be null or a function, not undefined. But the same code is working for react-virtualized-infinite-scroll. Any Pointer ? – Abhipsa Mishra Mar 22 '17 at 07:49
  • 2
    This is because `react-virtualized-infinite-scroll` has a dependency on react `>=0.14.0` but `react-virtualized` (as of version 9) depends on react `15.3.0` or newer in order to extend `PureComponent`. When you install, NPM warns you about a dependency mismatch. PS. You should mark this answer as the correct one :) – bvaughn Mar 22 '17 at 18:15
  • Thanks Brian. Got the issue. – Abhipsa Mishra Mar 23 '17 at 13:11