Gathering detailed insights and metrics for react-masonry-infinite
Gathering detailed insights and metrics for react-masonry-infinite
Installations
npm install react-masonry-infiniteDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
7.7.3
NPM Version
4.1.2
Releases
Unable to fetch releases
Languages
3
JavaScript
CSS
HTML
JavaScript (49.43%)
CSS (33.54%)
HTML (17.02%)
Developer
skoob13
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
173 Stars
37 Commits
26 Forks
4 Watchers
2 Branches
7 Contributors
Updated on May 05, 2025
Maintainers
1
Package Meta Information
Latest Version
1.2.2
Package Id
react-masonry-infinite@1.2.2
Size
27.77 kB
NPM Version
4.1.2
Node Version
7.7.3
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 Infinite
Very simple React.js component for masonry grid. Based on Bricks.js, React Infinite Scroller and React Masonry Layout.
Component is mostly suitable for static data, but can be used with dynamic with instance methods.
Demo
Features
- Masonry layout
- Perfomance of Bricks.js (Bricks.js homepage)
- Infinite scroll from a box
Instalation
Using NPM
1 npm install --save react-masonry-infinite
Using yarn
1 yarn add react-masonry-infinite
Basic example
1import MasonryInfiniteScroller from 'react-masonry-infinite'; 2 3... 4<MasonryInfiniteScroller 5 hasMore={this.state.hasMore} 6 loadMore={() => this.setState({ elements: this.state.elements.push("Element") })} 7> 8 { 9 this.state.elements.map(id => 10 <div key={id} /> 11 ) 12 } 13</MasonryInfiniteScroller> 14...
Props
| Props | Type | Default | Description |
|---|---|---|---|
| className | String | '' | CSS className for root element |
| pack | Boolean | false | Flag to force pack on every update |
| packed | String | data-packed | An attribute added to the grid items after they're positioned within the grid. If the attribute is not prefixed with data-, it will be added. See Bricks.js |
| sizes | Array | [{ columns: 1, gutter: 20 }, { mq: '768px', columns: 2, gutter: 20 }, { mq: '1024px', columns: 3, gutter: 20 }] | An array of objects describing the grid's properties at different breakpoints. When defining your sizes, note the rules of Bricks.js |
| position | Boolean | true | A Boolean indicating that the grid items should be positioned using the top and left CSS properties. |
| style | Object | {} | The inline style |
And other React Infinite Scroller props.
Methods
| Method | Description |
|---|---|
| forcePack | Packs Bricks.js instance (usefull when data is dynamic) |
| forceUpdate | Updates Bricks.js instance |
| createNewInstance | Recreates Bricks.js instance. E.g. when you need to dynamically handle amount of columns. |
License
MIT
No vulnerabilities found.
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
Found 4/26 approved changesets -- score normalized to 1
Reason
project is archived
Details
- Warn: Repository is archived.
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
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 8 are checked with a SAST tool
Score
3.2
/10
Last Scanned on 2025-06-30
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