# rc-virtual-list > React Virtual List Component Latest version **3.19.2** (published 2025-09-10) · MIT license · 0 weekly downloads ## Install ```sh npm install rc-virtual-list pnpm add rc-virtual-list yarn add rc-virtual-list bun add rc-virtual-list ``` ## Health **Score 65/100 (B)** — status: stable. Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 3.19.2 | | Published | 2025-09-10 | | First published | 2019-07-05 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Node | >=8.x | | Dependencies | 4 | | Unpacked size | 144.9 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 814 | | Author | smith3816@gmail.com | | Maintainers | afc163, zombiej, madccc | | Keywords | react, react-component, virtual-list | ## Links - npm: https://www.npmjs.com/package/rc-virtual-list - Repository: https://github.com/react-component/virtual-list - Issues: https://github.com/react-component/virtual-list/issues - npm.io page: https://npm.io/package/rc-virtual-list ## Dependencies (4) - [rc-util](https://npm.io/package/rc-util.md) ^5.36.0 - [classnames](https://npm.io/package/classnames.md) ^2.2.6 - [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.20.0 - [rc-resize-observer](https://npm.io/package/rc-resize-observer.md) ^1.0.0 ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 3.19.2 (latest) — 2025-09-10 - 3.19.1 — 2025-06-20 - 3.19.1-0 — 2025-06-20 - 3.19.0-0 — 2025-06-20 - 3.18.6 — 2025-05-06 - 3.18.5 — 2025-03-20 - 3.18.4 — 2025-03-04 - 3.18.3 — 2025-02-28 - 3.18.2 — 2025-02-14 - 3.18.1 — 2025-01-22 - 3.17.1 — 2025-01-16 - 3.17.0 — 2025-01-03 - 3.16.1 — 2024-12-16 - 3.16.0 — 2024-12-05 - 3.15.0 — 2024-11-05 - … 127 more at https://npm.io/package/rc-virtual-list/versions ## README # rc-virtual-list React Virtual List Component which worked with animation. [![NPM version][npm-image]][npm-url] [![dumi](https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square)](https://github.com/umijs/dumi) [![build status][github-actions-image]][github-actions-url] [![Test coverage][coveralls-image]][coveralls-url] [![node version][node-image]][node-url] [![npm download][download-image]][download-url] [npm-image]: http://img.shields.io/npm/v/rc-virtual-list.svg?style=flat-square [npm-url]: http://npmjs.org/package/rc-virtual-list [github-actions-image]: https://github.com/react-component/virtual-list/workflows/CI/badge.svg [github-actions-url]: https://github.com/react-component/virtual-list/actions [coveralls-image]: https://img.shields.io/codecov/c/github/react-component/virtual-list/master.svg?style=flat-square [coveralls-url]: https://codecov.io/gh/react-component/virtual-list [node-image]: https://img.shields.io/badge/node.js-%3E=_6.0-green.svg?style=flat-square [node-url]: http://nodejs.org/download/ [download-image]: https://img.shields.io/npm/dm/rc-virtual-list.svg?style=flat-square [download-url]: https://npmjs.org/package/rc-virtual-list ## Online Preview https://virtual-list-react-component.vercel.app/ ## Development ```bash npm install npm start open http://localhost:8000/ ``` ## Feature - Support react.js - Support animation - Support IE11+ ## Install [![rc-virtual-list](https://nodei.co/npm/rc-virtual-list.png)](https://npmjs.org/package/rc-virtual-list) ## Usage ```js import List from 'rc-virtual-list'; {index =>
{index}
} ; ``` # API ## List | Prop | Description | Type | Default | | ---------- | ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | | children | Render props of item | (item, index, props) => ReactElement | - | | component | Customize List dom element | string \| Component | div | | data | Data list | Array | - | | disabled | Disable scroll check. Usually used on animation control | boolean | false | | height | List height | number | - | | itemHeight | Item minimum height | number | - | | itemKey | Match key with item | string | - | | styles | style | { horizontalScrollBar?: React.CSSProperties; horizontalScrollBarThumb?: React.CSSProperties; verticalScrollBar?: React.CSSProperties; verticalScrollBarThumb?: React.CSSProperties; } | - | `children` provides additional `props` argument to support IE 11 scroll shaking. It will set `style` to `visibility: hidden` when measuring. You can ignore this if no requirement on IE. --- _Source: https://npm.io/package/rc-virtual-list · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._