react-dynamic-lazy-virtual-scroll v0.1.0

react-dynamic-lazy-virtual-scroll

React Dynamic Virtual Scroll is a lightweight and customizable library for efficiently rendering large lists in React applications. By utilizing the virtual scrolling technique, it renders only the visible items in the list, resulting in faster load times and smoother scrolling experiences.

Installation

npm install react-dynamic-lazy-virtual-scroll

No external dependencies so no need to worry about security and package size.

Usage

• Import component.

  import VirtualScroll from "react-dynamic-lazy-virtual-scroll";

• Add component:

  <VirtualScroll
      className="List"
      minItemHeight={40}
      totalLength={100}
      renderItem={(rowIndex) => {
          return (
            <div className="List-item">
              <h3>List item: {rowIndex}</h3>
            </div>
          );
      }}
  />

Props Table