Gathering detailed insights and metrics for rc-virtual-list
Gathering detailed insights and metrics for rc-virtual-list
Gathering detailed insights and metrics for rc-virtual-list
Gathering detailed insights and metrics for rc-virtual-list
🧾 React Virtual List Component which worked with animation
npm install rc-virtual-list
Typescript
Module System
Min. Node Version
Node Version
NPM Version
92.6
Supply Chain
84.8
Quality
95.6
Maintenance
100
Vulnerability
100
License
TypeScript (60.04%)
JavaScript (39.96%)
Total Downloads
233,955,701
Last Day
77,523
Last Week
1,706,156
Last Month
7,339,391
Last Year
77,114,848
MIT License
776 Stars
351 Commits
164 Forks
5 Watchers
22 Branches
46 Contributors
Updated on Jun 25, 2025
Minified
Minified + Gzipped
Latest Version
3.19.1
Package Id
rc-virtual-list@3.19.1
Unpacked Size
144.56 kB
Size
23.30 kB
File Count
87
NPM Version
10.8.3
Node Version
22.8.0
Published on
Jun 20, 2025
Cumulative downloads
Total Downloads
Last Day
5.7%
77,523
Compared to previous day
Last Week
-13.1%
1,706,156
Compared to previous week
Last Month
1.9%
7,339,391
Compared to previous month
Last Year
30.7%
77,114,848
Compared to previous year
4
25
React Virtual List Component which worked with animation.
https://virtual-list-react-component.vercel.app/
1npm install 2npm start 3open http://localhost:8000/
1import List from 'rc-virtual-list'; 2 3<List data={[0, 1, 2]} height={200} itemHeight={30} itemKey="id"> 4 {index => <div>{index}</div>} 5</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.
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
license file detected
Details
Reason
SAST tool detected but not run on all commits
Details
Reason
10 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 8
Reason
Found 5/28 approved changesets -- score normalized to 1
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
security policy file not detected
Details
Score
Last Scanned on 2025-06-16
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More