Virtual Scroll

Installation

npm install @tenchleb/react-virtual-scroll

Usage

import { VirtualScroll } from "@tenchleb/react-virtual-scroll";

const styles = {
    display: "flex",
    maxHeight: "256px",
    width: "100%"
};

export class X extends React.PureComponent {
    ...
    render() {
        return (
            <div style={ styles }>
                <VirtualScroll height={ 64 }>
                    {
                        list.map(element => (
                            <span> { element.name } </span>
                        ))
                    }
                </VirtualScroll>
            </div>
        );
    }
}

Example: https://codesandbox.io/s/rmy3xoq2n