react-infinite-any-height

react-infinite with automatic height calculation.

$3

npm install react-infinite-any-height (peer dependencies: react)

$3

Check out Live Example,
or run locally
``bash git clone git@github.com:Radivarig/react-infinite-any-height.git npm install npm run dev`navigate tolocalhost:8080

`$3`

`javascript // ... import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import InfiniteAnyHeight from 'react-infinite-any-height';

class App extends Component { constructor() { super();

const list = new Array(10000).fill('').map((x, i) => { const height = 100 + Math.round(Math.abs((Math.sin(i) * 250))); const style = { height, border: 'solid 1px', backgroundColor:#${height}}; return (


          Height: { height + 2 }
          
            Item: {i}


      );
    });
    this.state = { list };
  }
  render() {
    return (
              list={this.state.list}
        preloadAdditionalHeight={window.innerHeight*2}
        useWindowAsScrollContainer
      />
    );
  }
}

var elemDiv = document.createElement('div') document.body.appendChild(elemDiv) ReactDOM.render(, elemDiv)`

All props are passed to react-infiniteas well. When updatinglist make sure to use .slice(0)to change reference. IfuseWindowAsScrollContainer is ommited, both containerHeightandscrollContainer` (the node that has the active .scrollTop) props are required.

$3

MIT