Reactのサーバーサイドレンダリング - 30歳からのプログラミング

Reactでは、サーバーサイドレンダリングを行うことが出来る。 これは、サーバーサイドでReactのコンポーネントをhtmlとして展開し、それをクライアントに返す、というもの。 これを利用することで、初期ロードの遅さ、SEOの弱さ、などの問題を解決できる。 以下ではNode.jsを使ってサーバーサイドレンダリングを試してみる。 react、react-dom、共にバージョンは15.3.2。 実験用のコンポーネントを作る Counterというコンポーネントを作り、それをサーバーサイドレンダリングすることにする。 // Counter.js import React from 'react'; export default class Counter extends React.Component { constructor(props) { super(props); this.state

[takaken1123]

[2016-12-08 0:42]