zhenyulin / ultimate-hot-boilerplate

import React from 'react';

import { Provider } from 'react-redux';

import { renderToString } from 'react-dom/server';

import createMemoryHistory from 'history/createMemoryHistory';

import { ConnectedRouter } from 'react-router-redux';

import setupStore from 'client/store';

import Router from 'client/router';

import template from 'client/index.html';

export default function serverSideRender() {

  const history = createMemoryHistory();

  const store = setupStore(history);

  const state = store.getState();

  const rendered = renderToString(

    <Provider store={store}>

      <ConnectedRouter history={history}>

        <Router />

      </ConnectedRouter>

    </Provider>,

  );

  const page = template

    .replace('<!-- CONTENT -->', rendered)

    .replace('"-- STORES --"', JSON.stringify(state));

  return page;

}