Going Isomorphic with React

• commonJSスタイルで書いていれば。Browserifyとか欲しい。

TemplateがECTだろうがJadeだろうが関係ない

• React.jsのcomponentをサーバ側で reactHTML = renderToString hogeComponent して res.render 'hoge', { reactHTML: reactHTML } すれば良いから。
  • renderToString の返り値は pure html string
  • Template の本質は単なる Function
  • Reactはtemplateではなく、 View Component

<div id="content">
  <%- reactHTML %>
</div>

• 極端な話、これでよい訳だ。Browser側のエンドポイントとなるJSでは以下のようにすれば。

React.render(
  <hogeComponent />,
  document.getElementById('content')
);