Loadable components API.

main.js

import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter } from 'react-router-dom'
import { loadComponents } from 'loadable-components'
import App from './App'

loadComponents().then(() => {
  ReactDOM.render(
    <BrowserRouter>
      <App />
    </BrowserRouter>,
    document.getElementById('main'),
  )
})

Routes.js

import { asyncComponent } from 'loadable-components'

export const Home = asyncComponent(() => import('client/Home'))

server.js

import React from 'react'
import { renderToString } from 'react-dom/server'
import { getLoadableState } from 'loadable-components/server'

const app = <YourApp />

getLoadableState(app).then(loadableState => {
  const html = renderToString(<YourApp />)
  const styleTag = loadableState.getStyleTag()
})