Проблемы SPA

• SEO
• Может на сервере быстрее?
• Неприятности с сетью

Собирать на сервере?

• Дважды писать логику UI
• Синхронно поддерживать
• Как синхронихировать собранную на сервере страницу с кодом сгенерированным в браузере?
• ...

React !

• Использовать React как шаблонизатор
• Один и тот же код исполняется сервером и браузером
• React.render(ReactComponent, DOMElement) пробует использовать существующий DOM
• Если контрольные суммы совпадают - React инициализируется, но ничего не меняет

Изоморфное приложение

var renderedComponent = React.renderToString(<MyApp data={someData}>);

var renderedLayout = layoutTemplate({
  content: renderedComponent
});

res.send(renderedLayout);

Несколько примеров

• https://github.com/kriasoft/react-starter-kit
• https://github.com/jesstelford/react-isomorphic-boilerplate
• https://github.com/DavidWells/isomorphic-react-example