Gathering detailed insights and metrics for react-lazysizes
Gathering detailed insights and metrics for react-lazysizes
1.0.0
39,323Installations
npm install react-lazysizesDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
4.4.3
NPM Version
2.15.1
Score
50.3
Supply Chain
79.7
Quality
76.6
Maintenance
50
Vulnerability
99.6
License
Releases
Unable to fetch releases
Download Statistics
Total Downloads
39,323
Last Day
8
Last Week
31
Last Month
90
Last Year
3,667
Maintainers
1
Package Meta Information
Latest Version
1.0.0
Package Id
react-lazysizes@1.0.0
Size
11.10 kB
NPM Version
2.15.1
Node Version
4.4.3
Total Downloads
Cumulative downloads
Total Downloads
39,323
Last Day
300%
8
Compared to previous day
Last Week
287.5%
31
Compared to previous week
Last Month
38.5%
90
Compared to previous month
Last Year
90.4%
3,667
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
3
Dev Dependencies
45
autoprefixerbabelbabel-corebabel-eslintbabel-loaderbabel-plugin-react-transformbootstrapcamelcasecss-loadercssnanodeleslinteslint-loadereslint-plugin-reactexpressextract-text-webpack-pluginfile-loadergulpgulp-babelgulp-concatgulp-eslintgulp-filtergulp-postcssgulp-sasshistoryhtml-loaderhtml-webpack-pluginhttp-proxyjson-loaderlessless-loadernode-sassopnpostcss-loaderreact-routerreact-transform-hmrrun-sequencesass-loaderstyle-loadertask-dirwebpackwebpack-dev-middlewarewebpack-hot-middlewarewebpack-manifest-pluginwebpack-stream
React LazySizes
LazySizes component for ReactJS base on lazysizes
Installation
NPM
1npm install --save react-lazysizes
Bower
1bower install --save react-lazysizes
Usage
JS
1var LazySizes = require('react-lazysizes'); 2 3<LazySizes width='1920' height='1024' dataSrc='http://lorempixel.com/1920/1024/sports/1'/>
UMD
1<script src="path/to/react-lazysizes/dist/react-lazysizes.js"></script>
1//... 2var LazySizes = window.ReactLazysizes; 3//...
Example here
Props
| Name | Type | Default |
|---|---|---|
| src | string | 'data:image/gif;base64,R0lGODdhEAAJAIAAAMLCwsLCwiwAAAAAEAAJAAACCoSPqcvtD6OclBUAOw==' |
| dataSrc | string | |
| dataSizes | string | 'auto' |
| dataSrcSet | [string, object, array] | |
| className | string | '' |
| iframe | bool | false |
More info see lazysizes api.
Example
View demo or example folder.
No vulnerabilities found.