arnarthor/example.js

## example.js
// server.js

function sendHtml(req, res) {
  const data = {
    request: {
      id: req.id,
    },
    me: req.player
  };

  const payload = encodeTextContent(
    transitImmutable.toJSON(data)
  );

  const output = templates[req.bundle]({
    payload,
  });
  res.send(output);
}

// template.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link rel="icon" href="<%= htmlWebpackPlugin.options.title %>" sizes="32x32" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <div id="root"></div>
    <script id="payload" type="application/payload">{{{payload}}}</script>
  </body>
</html>

// index.js Root react component

const payload = transitImmutable.fromJSON(
  decodeTextContent(document.getElementById('payload').textContent)
);

const store = configureStore(payload);

syncReduxAndRouter(browserHistory, store);

if (typeof document !== 'undefined') {
  render(
    <Provider store={store}>
      <span>
        {getRoutes(store, browserHistory)}
      </span>
    </Provider>,
    document.getElementById('root')
  );
}
	// server.js

	function sendHtml(req, res) {
	const data = {
	request: {
	id: req.id,
	},
	me: req.player
	};

	const payload = encodeTextContent(
	transitImmutable.toJSON(data)
	);

	const output = templates[req.bundle]({
	payload,
	});
	res.send(output);
	}

	// template.html
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title><%= htmlWebpackPlugin.options.title %></title>
	<link rel="icon" href="<%= htmlWebpackPlugin.options.title %>" sizes="32x32" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	</head>
	<body>
	<div id="root"></div>
	<script id="payload" type="application/payload">{{{payload}}}</script>
	</body>
	</html>

	// index.js Root react component

	const payload = transitImmutable.fromJSON(
	decodeTextContent(document.getElementById('payload').textContent)
	);

	const store = configureStore(payload);

	syncReduxAndRouter(browserHistory, store);

	if (typeof document !== 'undefined') {
	render(
	<Provider store={store}>
	<span>
	{getRoutes(store, browserHistory)}
	</span>
	</Provider>,
	document.getElementById('root')
	);
	}