Gathering detailed insights and metrics for react-async-loader
Gathering detailed insights and metrics for react-async-loader
Installations
npm install react-async-loaderDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
0.12.6
NPM Version
2.11.2
Score
75.2
Supply Chain
83
Quality
75.1
Maintenance
100
Vulnerability
100
License
Releases
Unable to fetch releases
Languages
3
JavaScript
Shell
HTML
JavaScript (91.87%)
Shell (4.15%)
HTML (3.97%)
🚀 npmpackage.info for sale
Built with Next.js • Fully responsive • SEO optimized • Open source ready
Developer
EdStudio
Download Statistics
Total Downloads
902,768
Last Day
63
Last Week
2,232
Last Month
10,689
Last Year
126,507
GitHub Statistics
MIT License
4 Stars
11 Commits
2 Forks
2 Watchers
2 Branches
1 Contributors
Updated on Mar 10, 2023
Maintainers
1
Package Meta Information
Latest Version
0.1.2
Package Id
react-async-loader@0.1.2
Size
6.02 kB
NPM Version
2.11.2
Node Version
0.12.6
Total Downloads
Cumulative downloads
Total Downloads
902,768
Last Day
46.5%
63
Compared to previous day
Last Week
-7.9%
2,232
Compared to previous week
Last Month
-4.9%
10,689
Compared to previous month
Last Year
23.8%
126,507
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
1
react-async-loader
Async scripts loading composition
Features include:
- jsonp support
- multiple scripts loading
Installation
$ npm install react-async-loader
Usage
// using an ES6 transpiler
import asyncLoad from 'react-async-loader';
// not using an ES6 transpiler
var asyncLoad = require('react-async-loader');
The only API asyncLoad(mapScriptsToProps) => AsyncLoaded(Component) receives 1 parameter and returns a function to connect with your Component.
- mapScriptsToProps (props => Config Object) - Configure scripts that are required to be injected into the component when loaded
- Component (React Component) - The component being wrapped
Config Object
- #key: The object key is the name that will be used when injecting the loaded script.
- globalPath: The script name to be injected from the global scope (window). E.g. google.maps
- url: The url of the script, exclude callback parameter for jsonp.
- jsonp: Optional. Append callback parameter to scriptUrl when true.
Example
See this GoogleMap example
Changelog
[2015-11-30] Version 0.1.0
- API Redesigned: Improve configurability based on Components properties (mapScriptsToProps)
- Enable auto static function exposures with hoist-non-react-statics
- Fix a bug with server side rendering (No window and document object)
License
MIT
No vulnerabilities found.