React Infinite Scroller ======================= [![npm](https://img.shields.io/npm/dt/react-infinite-scroller.svg?style=flat-square)](https://www.npmjs.com/package/react-infinite-scroller) [![React Version](https://img.shields.io/badge/React-%5E0.14.0%20%7C%7C%20%5E15.0.1-blue.svg?style=flat-square)](https://www.npmjs.com/package/react) [![npm](https://img.shields.io/npm/v/react-infinite-scroller.svg?style=flat-square)](https://www.npmjs.com/package/react-infinite-scroller) [![npm](https://img.shields.io/npm/l/react-infinite-scroller.svg?style=flat-square)](https://github.com/CassetteRocks/react-infinite-scroller/blob/master/LICENSE) Infinitely load content using a React Component. This fork maintains a simple, lightweight infinite scroll package that supports both `window` and scrollable elements. - [Demo](https://cassetterocks.github.io/react-infinite-scroller/demo/) - [Demo Source](https://github.com/CassetteRocks/react-infinite-scroller/blob/master/docs/src/index.js) ## Installation ``` npm install react-infinite-scroller --save ``` ## How to use ```js import InfiniteScroll from 'react-infinite-scroller'; ``` ### Window scroll events ```js Loading ...} > {items} // <-- This is the content you want to load ``` ### DOM scroll events ```html

Loading ...

} useWindow={false} > {items} ``` ## Props | Name | Type | Default | Description| |:---- |:---- |:---- |:----| | `element` | `String` | `'div'` | Name of the element that the component should render as.| | `hasMore` | `Boolean` | `false` | Whether there are more items to be loaded. Event listeners are removed if `false`.| | `initialLoad` | `Boolean` | `true` | Whether the component should load the first set of items.| | `loadMore` | `Function` | | A callback when more items are requested by the user.| | `pageStart` | `Object` | `0` | The number of the first page to load, With the default of `0`, the first page is `1`.| | `threshold` | `Boolean` | `250` | The distance in pixels before the end of the items that will trigger a call to `loadMore`.| | `useWindow` | `Boolean` | `true` | Add scroll listeners to the window, or else, the component's `parentNode`.|

	Stars	Issues	Version	Updated	Created
ag-grid	11,790	58	18.1.2	6 years ago	9 years ago
ag-grid-react	11,790	58	31.2.1	19 days ago	8 years ago
react-infinite-scroll-container			1.0.12	6 years ago	8 years ago
react-table	24,126	170	7.8.0	2 years ago	10 years ago

ag-grid vs ag-grid-react vs react-infinite-scroll-container vs react-table

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past