Gathering detailed insights and metrics for react-masonry-infinite-scroll
Gathering detailed insights and metrics for react-masonry-infinite-scroll
Installations
npm install react-masonry-infinite-scrollDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
6.11.0
NPM Version
5.3.0
Releases
Unable to fetch releases
Languages
1
JavaScript
JavaScript (100%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
3 Stars
15 Commits
1 Watchers
1 Branches
1 Contributors
Updated on Sep 18, 2018
Maintainers
1
Package Meta Information
Latest Version
1.1.1
Package Id
react-masonry-infinite-scroll@1.1.1
Size
4.26 kB
NPM Version
5.3.0
Node Version
6.11.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
React Masonry Layout with Infinite Scroll
Installation
npm install --save react-masonry-infinite-scroll
Demo
How to use
First add Grid container for the layout. And then insert GridItems into it:
import { Grid, GridItem } from 'react-masonry-infinite-scroll';
...
notifyReadyState() {
console.log('Grid is ready!');
}
render() {
return (
<Grid
columnWidth={260}
fitWidth={true}
gutter={5}
loadMore={this.props.getPins}
limit={6}
scrollThreshold={400}
itemsLeft={this.props.itemsLeft}
notifyReadyState={this.notifyReadyState}
>
{ this.renderGrid() }
</Grid>
);
}
renderGrid() {
return (
this.props.images(img => (
<GridItem>
<img src={ img } onLoad={ this.context.imageLoaded } />
</GridItem>
))
);
}
Props
| name | type | default | description |
|---|---|---|---|
columnWidth | number | 100 | Width of each grid element |
fitWidth | bool | false | Should the grid be centered horizontally |
gutter | number | 5 | Vertical distance between grid |
itemsLeft | number | 0 | How many items left to load. If 0 stop calling loadMore() function |
limit | number | 1 | How many items to load on scroll |
scrollThreshold | number | 300 | The distance in pixels before the end of the items that will trigger a call to loadMore(). |
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
Found 0/15 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no SAST tool detected
Details
- Warn: no pull requests merged into dev branch
Reason
no effort to earn an OpenSSF best practices badge detected
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
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
23 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm
- Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574
- Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm
- Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
- Warn: Project is vulnerable to: GHSA-mvjj-gqq2-p4hw
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v
- Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx
- Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p
- Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
Score
1.3
/10
Last Scanned on 2025-07-07
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