Efficient React Infinite Scroll Component

A browser-ready efficient scrolling container based on UITableView.

When a long list of DOM elements are placed in a scrollable container, all of them are kept in the DOM even when they are out the user’s view. This is highly inefficient, especially in cases when scrolling lists can be tens or hundreds of thousands of items long. React Infinite solves this by rendering only DOM nodes that the user is able to see or might soon see. Other DOM nodes are clustered and rendered as a single blank node.

Features:

  • Support for both static and variable element heights
  • Built-in support for infinite loading of upcoming pages
  • Ability to use the window as the scroll container
  • Ability to be used as a chat/messaging-style display
  • 94% test coverage with Jest and typechecked with Facebook’s Flow
  • Examples are available for experimentation

Preview:

Efficient React Infinite Scroll Component

Download Details:

Author: seatgeek

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/seatgeek/react-infinite

License: MIT

You Might Be Interested In:

Add Comment