Package Exports

react-async-loader

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-async-loader) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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