Installations
npm install rc-virtual-list-modernDeveloper Guide
Typescript
Yes
Module System
CommonJS
Min. Node Version
>=8.x
Node Version
20.11.1
NPM Version
10.2.4
Releases
Contributors
Languages
TypeScript (61.55%)
JavaScript (38.45%)
Developer
Download Statistics
Total Downloads
479
Last Day
1
Last Week
8
Last Month
13
Last Year
479
GitHub Statistics
748 Stars
332 Commits
161 Forks
6 Watching
13 Branches
42 Contributors
Bundle Size
19.70 kB
Minified
7.43 kB
Minified + Gzipped
Maintainers
Package Meta Information
Latest Version
3.14.2
Package Id
rc-virtual-list-modern@3.14.2
Unpacked Size
112.88 kB
Size
19.64 kB
File Count
79
NPM Version
10.2.4
Node Version
20.11.1
Publised On
30 May 2024
Total Downloads
Cumulative downloads
Total Downloads
479
Last day
0%
1
Compared to previous day
Last week
0%
8
Compared to previous week
Last month
85.7%
13
Compared to previous month
Last year
0%
479
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
4
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
13 commit(s) and 1 issue activity found in the last 90 days -- score normalized to 10
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 (16) are checked with a SAST tool
Reason
Found 6/29 approved changesets -- score normalized to 2
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
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
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Score
5.2
/10
Last Scanned on 2025-01-27
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