/react-window-infinite-loader-list-demo

Demo using React, React-Window, InfiniteLoader, AutoSizer for Virtualized rendering for rows of varying heights

Primary LanguageJavaScriptMIT LicenseMIT

Demo using React, React-Window, React-Window-Infinite-Loader, React-Virtualized-Auto-Sizer, MaterialUI Grid, Redux, and Redux Observable (RxJs) for efficiently rendering large lists

Inspiration

I wanted to figure out a way to render a virtualized grid with infinite loading.

Not only does this grid need to be virtualized for performance reasons, it must also be responsive and support rows of varying heights (just-in-time measured content)!


react-virtualized https://github.com/bvaughn/react-window

great discussion here: bvaughn/react-window#6

npm install

npm start

Open http://localhost:3000 to view it in the browser.

Demo

https://patricktran.github.io/react-window-infinite-loader-list-demo/