Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

About

A simple infinite scroll React.js component

Topics

Resources

License

Packages

No packages published