whilelucky/reactMiddleware.js

## reactMiddleware.js
const serverRenderedHtml = async (req, res, renderProps) => {
  const store = configureStore();
  //call, wait, and set api responses into redux store's state (ghub.io/redux-connect)
  await loadOnServer({ ...renderProps, store });
  //render the html template
  const template = html(
    renderToString(
      <Provider store={store} key="provider">
        <ReduxAsyncConnect {...renderProps} />
      </Provider>,
    ),
    store.getState(),
  );
  res.send(template);
};

const html = (app, initialState) => `
  <!doctype html>
  <html lang="en">
    <head>
      <link rel="stylesheet" href="${assets.main.css}">
    </head>
    <body>
      <div id="root">${app}</div>
      <script>window.__INITIAL_STATE__ = ${JSON.stringify(initialState)}</script>
      <script src="${assets.main.js}"></script>
    </body>
  </html>
`;
	const serverRenderedHtml = async (req, res, renderProps) => {
	const store = configureStore();
	//call, wait, and set api responses into redux store's state (ghub.io/redux-connect)
	await loadOnServer({ ...renderProps, store });
	//render the html template
	const template = html(
	renderToString(
	<Provider store={store} key="provider">
	<ReduxAsyncConnect {...renderProps} />
	</Provider>,
	),
	store.getState(),
	);
	res.send(template);
	};

	const html = (app, initialState) => `
	<!doctype html>
	<html lang="en">
	<head>
	<link rel="stylesheet" href="${assets.main.css}">
	</head>
	<body>
	<div id="root">${app}</div>
	<script>window.__INITIAL_STATE__ = ${JSON.stringify(initialState)}</script>
	<script src="${assets.main.js}"></script>
	</body>
	</html>
	`;