React.js post

client.js

const flux = new Flux();

const router = Router.create({
  routes: routes,
  location: Router.HistoryLocation
});

router.run((Handler, state) => {
  React.render(
    <Handler {...state} />,
    document.getElementById('root'));
});

index.jade

body
  #root!=appString
  script(src='#{js}', defer)

mycomponent.js

let MyComponent = React.createClass({
  render() {
    return <div>Hi from a component!</div>
  }
});

React.render(<MyComponent />, document.getElementById('root'))

renderToString.js

let htmlString = React.renderToString(<MyComponent />);

server.js

if (process.env.NODE_ENV === 'production') {
  const webpackBuildStats = require('../build/webpackBuildStats');
  js = `/build/bundle-${webpackBuildStats.hash}.min.js`;
}
export default (req, res, next) => {
  const flux = new Flux();
  let appString;
  const router = Router.create({
    routes: routes,
    location: req.path
  });
  router.run((Handler, state) => {
    const isNotFound = state.routes.some(route => route.name === 'not-found');
    res.status(isNotFound ? 404 : 200);

    try {
      let appString = React.renderToString(
        <FluxComponent flux={flux}>
          <Handler {...state} />
        </FluxComponent>
       );
    } catch (err) {
      // In case of errors render an Error Page
      appString = React.renderToString(<ErrorPage />);
      res.status(500);

      return res.render('react/server/views/error', {
        appString: appString
      });
    }
    res.render('react/server/views/index', {
      js: js,
      appString: appString
    });
  });