adamhenson/render.js

## render.js
/* global LOADABLE_STATS: true */
import React from 'react';
import { renderToString } from 'react-dom/server';
import { ChunkExtractor, ChunkExtractorManager } from '@loadable/server';
import { Provider } from './somewhere/out/there/Provider';
import App from './somewhere/out/there/App';

const extractor = new ChunkExtractor({
  statsFile: LOADABLE_STATS,
});

export default (req, res) => {
  const html = renderToString(
    <Provider>
      <ChunkExtractorManager
        extractor={extractor}
      >
        <App />
      </ChunkExtractorManager>
    </Provider>,
  );

  return res.send(`
    <!doctype html>
    <html>
      <head>
        ${extractor.getStyleTags()}
      </head>
      <body>
        <div id="root">
          ${html}
        </div>
        ${extractor.getScriptTags()}
      </body>
    </html>
  `);
}
	/* global LOADABLE_STATS: true */
	import React from 'react';
	import { renderToString } from 'react-dom/server';
	import { ChunkExtractor, ChunkExtractorManager } from '@loadable/server';
	import { Provider } from './somewhere/out/there/Provider';
	import App from './somewhere/out/there/App';

	const extractor = new ChunkExtractor({
	statsFile: LOADABLE_STATS,
	});

	export default (req, res) => {
	const html = renderToString(
	<Provider>
	<ChunkExtractorManager
	extractor={extractor}
	>
	<App />
	</ChunkExtractorManager>
	</Provider>,
	);

	return res.send(`
	<!doctype html>
	<html>
	<head>
	${extractor.getStyleTags()}
	</head>
	<body>
	<div id="root">
	${html}
	</div>
	${extractor.getScriptTags()}
	</body>
	</html>
	`);
	}