React Script Async

A dead simple way to load <script /> tags through render props.

Installation

1npm install react-script-async

or

1yarn add react-script-async

How it works

This library uses a render prop to render certain elements whether your script is loaded or not. All the props you usually would pass to a regular <script /> tag are passed through.

1import React from 'react';
2import Script from 'react-script-async';
3
4export default () => (
5  <Script src="some_script.js">
6    {({ loaded }) => (loaded ? <div>hurray !</div> : <div>Loading...</div>)}
7  </Script>
8);