react-window

react-window

react-window is a component library that helps render large lists of data quickly and without the performance problems that often go along with rendering a lot of data. It's used in a lot of places, from React DevTools to the Replay browser.

Support

If you like this project there are several ways to support it:

• Become a GitHub sponsor
• Become an Open Collective sponsor
• or buy me a coffee

The following wonderful companies and individuals have sponsored react-window:

Installation

Begin by installing the library from NPM:

npm install react-window

Documentation

Documentation for this project is available at react-window.vercel.app.

Each release also ships with its own copy of the documentation (in the docs folder) which can be viewed by running:

# From the package directory
npx serve -s docs

# Or as an NPM-installed dependency
npx serve -s ./node_modules/react-window/docs

Note: Older version 1.x documentation can be found at react-window-v1.vercel.app or on the NPM page for a specific version, e.g. 1.8.11.)

TypeScript types

TypeScript definitions are included within the published dist folder

Similar packages

Other packages similar to react-window

react-virtualized

React-virtualized is another popular library for efficiently rendering large lists and tabular data in React applications. It offers a similar set of features to react-window but includes additional functionality such as cell measuring and dynamic grid layouts. However, react-window is often preferred for its simpler API and better performance in common use cases.

react-infinite

React-infinite is a package that helps in building infinite scrolling lists in React. It differs from react-window in that it focuses on providing an infinite scrolling experience rather than just windowing. React-infinite may be more suitable for use cases where the list length is not known upfront or can grow dynamically.

react-list

React-list is a versatile infinite scroll React component. It supports variable lengths, dynamic item sizes, horizontal layouts, and more. Compared to react-window, react-list has a more flexible API but may not be as optimized for performance in rendering large datasets.