React Lazy Render

Fork me on GitHub
#1 Thea Neeld
#2 Katharina Massie
#3 Janene Tillinghast
#4 Lucia Brookins
#5 Louann Crase
#6 Jillian Loring
#7 Luciana Blanchard
#8 Kathern Kiel
#9 Patty Jeter
#10 Rodrick Ovellette
var LazyRender = require('react-lazy-render');

var children = [];
for (var i = 0; i < 5000; i++) {
  // each child must have a consistent height
  children.push(
    <div style={{ height: 20 }}>
      #{i}
    </div>
  );
}

<LazyRender maxHeight={300} className="my-list">
  {children}
</LazyRender>

Install

npm install react-lazy-render