npmpackage.info

Gathering detailed insights and metrics for react-dynamic-virtual-scroll

Other packages similar to react-dynamic-virtual-scroll

react-virtual

2.10.4

Hooks for virtualizing scrollable elements in React

vue-virtual-scroll-list

2.3.5

A vue component support big amount data list with high scroll performance.

react-tiny-virtual-list

2.2.0

A tiny but mighty list virtualization component, with zero dependencies 💪

react-remove-scroll

2.6.0

Disables scroll outside of `children` node.

Gathering detailed insights and metrics for react-dynamic-virtual-scroll

react-dynamic-virtual-scroll

Virtual scroll implemetation for dynamic row height

1.4.0

MIT

JavaScript

168,528 1.7

Installations

npm install react-dynamic-virtual-scroll

Pull Requests

Open

7

Total

13

Closed

6

Issues

Open

0

Total

2

Closed

2

Releases

Unable to fetch releases

Developer

aditya-kumawat

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

NPM Version

Statistics

21 Stars

19 Commits

3 Forks

2 Watching

8 Branches

1 Contributors

Updated on 09 Oct 2024

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

168,528

Last day

38.8%

780

Compared to previous day

Last week

105.4%

4,457

Compared to previous week

Last month

48.6%

12,599

Compared to previous month

Last year

12.9%

80,338

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@babel/core @babel/plugin-proposal-class-properties @babel/preset-env @babel/preset-react @rollup/plugin-babel @rollup/plugin-commonjs @rollup/plugin-node-resolve @rollup/plugin-replace react react-dom rollup rollup-plugin-filesize rollup-plugin-uglify-es

Versions

react-dynamic-virtual-scroll

React component available to implement virtual-scroll at any page without worrying about the dynamic item height.

You can play with the library over here: Codesandbox

Installation

1npm install react-dynamic-virtual-scroll

No external dependencies so no need to worry about security and package size.

Usage

Import component.

1import VirtualScroll from "react-dynamic-virtual-scroll";

Add component as follows in your render method:

1<VirtualScroll
2    className="List"
3    minItemHeight={40}
4    totalLength={100}
5    renderItem={(rowIndex) => {
6        return (
7          <div className="List-item">
8            <h3>List item: {rowIndex}</h3>
9          </div>
10        );
11    }}
12/>

Props Table

name	type	required	default	description
minItemHeight	number	true		Minimum item height to calculate the placeholder spacing.
totalLength	number	true		Total number of items to be rendered.
renderItem	(rowIndex) => React.ReactNode	true		Callback to render items for specified index values. 0-indexed
length	number		30	Total number of items to be rendered in the dom.
buffer	number		10	Total number of items to be rendered in the dom before and after your required dom items.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

SAST

Determines if the project uses static code analysis.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2024-11-25

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