xiaoyunyang/renderRoutes.js

## renderRoutes.js
// iso-middleware/renderRoutes.js

import React from 'react';
import { renderToString } from 'react-dom/server';
import { StaticRouter } from 'react-router-dom';
import { matchRoutes } from 'react-router-config';
import routes from '../shared/routes';
import HTML from '../shared/components/HTML';
import App from '../shared/App';

export default function renderRoute(req, res) {
  const branch = matchRoutes(routes, req.url);
  const promises = [];

  branch.forEach(({ route, match }) => {
    if (route.loadData) {
      promises.push(route.loadData(match));
    }
  });

  Promise.all(promises).then(data => {
    // data will be an array[] of datas returned by each promises.

    const context = data.reduce((context, data) => Object.assign(context, data), {});

    const router = <StaticRouter location={req.url} context={context}><App /></StaticRouter>;

    const app = renderToString(router);

    const html = renderToString(<HTML html={app} />);

    return res.send(`<!DOCTYPE html>${html}`);
  });
}
	// iso-middleware/renderRoutes.js

	import React from 'react';
	import { renderToString } from 'react-dom/server';
	import { StaticRouter } from 'react-router-dom';
	import { matchRoutes } from 'react-router-config';
	import routes from '../shared/routes';
	import HTML from '../shared/components/HTML';
	import App from '../shared/App';

	export default function renderRoute(req, res) {
	const branch = matchRoutes(routes, req.url);
	const promises = [];

	branch.forEach(({ route, match }) => {
	if (route.loadData) {
	promises.push(route.loadData(match));
	}
	});

	Promise.all(promises).then(data => {
	// data will be an array[] of datas returned by each promises.

	const context = data.reduce((context, data) => Object.assign(context, data), {});

	const router = <StaticRouter location={req.url} context={context}><App /></StaticRouter>;

	const app = renderToString(router);

	const html = renderToString(<HTML html={app} />);

	return res.send(`<!DOCTYPE html>${html}`);
	});
	}