Skip to content
A simple infinite scroll React.js component
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
docs
.babelrc
.gitignore
LICENSE
index.js
package.json
readme.md

readme.md

react-infinite-scroll npm version

npm i @srph/react-infinite-scroll

A simple infinite scroll React.js component.

Why

  • I was a bit frustrated with the existing libraries, so I went to come up with a simpler API.
  • I'd like to keep this library simple -- if you're looking for more advanced features and performant implementations, please check react-virtualized and react-infinity.

Usage

<Infinite callback={this.request} disabled={this.state.loading}>
  {this.state.items((item, i) =>
  	<div key={i}>{item.name}</div>
  )}
</Infinite>

API

Prop Description Type
callback The callback to be ran when we reach the offset function (required)
disabled Flag to run callback once we reach the offset boolean (default: false)
offset Allowance before reaching the offset number (default: 250)
container Flag if we're using the window (false) or this div (requires to be scrollable) boolean (default: false)
reverse Trigger callback when we reach the top instead of the bottom. Useful for chat applications. boolean (default: false)

Examples

You can check the demo, or build it yourself:

npm run install
npm run example:run
You can’t perform that action at this time.