Load Async

Load React components asynchronously

Installation

yarn add load-async

or using NPM:

npm i --save load-async

Configuration

Add the load-async/src path on JS loader, inside the webpack config file.

Usage

import loadAsync from 'load-async'
 
const ContentAsync = loadAsync(import('./content'))
 
const App = () => (
  // will load a div until the component is ready
  <ContentAsync />
)

You can use children if you want to:

import loadAsync from 'load-async'
import Header from './header'
 
const MainAsync = loadAsync(import('./main'))
 
const App = () => (
  <MainAsync>
    <Header />
  </MainAsync>
)

License

MIT © Fernando Daciuk