Skip to content
This repository was archived by the owner on Nov 27, 2018. It is now read-only.

ipy/react-lazyrender

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-lazyrender

Render React components only when they are in viewport.

Install:

npm install react-lazyrender

Usage:

As Mixin

var lazyRenderMixin = require('react-lazyrender/mixin');
var Item = React.createClass({
  mixins: [
    lazyRenderMixin(
      function(nextProps, nextState) {}, // The actual shouldComponentUpdate function
      1000 // The buffer distance. Components within this distance away from viewport will also be rendered.
    ),
  ],
  render: function() {
    return <li></li>;
  }
});

As Higher-Order Component

Removed temporarily

About

Render React components only when they are in viewport.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published