gregberge/loadable-components-server-complete.js

## loadable-components-server-complete.js
import React from 'react'
import { renderToString } from 'react-dom/server'
import { StaticRouter } from 'react-router'
import { getLoadableState } from 'loadable-components/server'
import App from './App'

const app = (
  <StaticRouter>
    <App />
  </StaticRouter>
)

// Extract loadable state (component ids) from application tree
getLoadableState(app).then(loadableState => {
  const html = renderToString(<YourApp />)
  // Insert style tag containing state transfered to client
  const page = `
    <!doctype html>
    <html>
    <head></head>
    <body>
      <div id="main">${html}</div>
      ${loadableState.getScriptTag()}
    </body>
    </html>
  `
})
	import React from 'react'
	import { renderToString } from 'react-dom/server'
	import { StaticRouter } from 'react-router'
	import { getLoadableState } from 'loadable-components/server'
	import App from './App'

	const app = (
	<StaticRouter>
	<App />
	</StaticRouter>
	)

	// Extract loadable state (component ids) from application tree
	getLoadableState(app).then(loadableState => {
	const html = renderToString(<YourApp />)
	// Insert style tag containing state transfered to client
	const page = `
	<!doctype html>
	<html>
	<head></head>
	<body>
	<div id="main">${html}</div>
	${loadableState.getScriptTag()}
	</body>
	</html>
	`
	})