🧾 React Virtual List Component which worked with animation
Installations
npm install rc-virtual-listReleases
Contributors
![lgtm-com[bot]](https://avatars.githubusercontent.com/in/17324?v=4){kind=avatar}
![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4){kind=avatar}
Developer
Developer Guide
Module System
CommonJS
Min. Node Version
>=8.x
Typescript Support
Yes
Node Version
22.5.1
NPM Version
10.8.2
Statistics
734 Stars
321 Commits
155 Forks
6 Watching
12 Branches
41 Contributors
Updated on 26 Nov 2024
Bundle Size
34.71 kB
Minified
11.65 kB
Minified + Gzipped
Languages
TypeScript (61.1%)
JavaScript (38.9%)
Total Downloads
Cumulative downloads
Total Downloads
192,160,237
Last day
-7.6%
296,488
Compared to previous day
Last week
2%
1,574,009
Compared to previous week
Last month
11.1%
6,549,125
Compared to previous month
Last year
21.4%
66,232,113
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
4
Dev Dependencies
25
rc-virtual-list
React Virtual List Component which worked with animation.
Online Preview
https://virtual-list-react-component.vercel.app/
Development
1npm install 2npm start 3open http://localhost:9001/
Feature
- Support react.js
- Support animation
- Support IE11+
Install
Usage
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>;
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 minium 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
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
SAST tool is run on all commits
Details
- Info: SAST configuration detected: CodeQL
- Info: all commits (17) are checked with a SAST tool
Reason
8 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 6
Reason
Found 11/29 approved changesets -- score normalized to 3
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Info: jobLevel 'actions' permission set to 'read': .github/workflows/codeql.yml:16
- Info: jobLevel 'contents' permission set to 'read': .github/workflows/codeql.yml:17
- Warn: no topLevel permission defined: .github/workflows/codeql.yml:1
- Warn: no topLevel permission defined: .github/workflows/main.yml:1
- Info: no jobLevel write permissions found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/react-component/virtual-list/codeql.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/react-component/virtual-list/codeql.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/react-component/virtual-list/codeql.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/react-component/virtual-list/codeql.yml/master?enable=pin
- Info: 0 out of 4 GitHub-owned GitHubAction dependencies pinned
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Score
4.9
/10
Last Scanned on 2024-11-18
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 MoreOther packages similar to rc-virtual-list
vue-virtual-scroll-list
A vue component support big amount data list with high scroll performance.
dw-neit-rc-virtual-list
React Virtual List Component
rc-util
Common Utils For React Component
react-tiny-virtual-list
A tiny but mighty list virtualization component, with zero dependencies 💪