Reactでサーバーサイドで生成したHTMLに対してDOMを初期化せずにReactComponentとして状態を更新する - Qiita

この記事は VirtualDOM Advent Calendar 2014 - Qiita のネタが切れた時にどこからか指定されるやつです。中の人なんであんまり行儀悪いことすると怒られるんだけどな！ やりたいこと UXとSEOのためにイニシャルビューはサーバーサイドで生成し、再描画時にクライアントで同じテンプレートから生成するも、一旦画面を捨てて再構築するのを避けたい。 具体的には、サーバーサイドで何かしらの方法(nodeやreact-railsを想定)で実行して生成されたReactのId付きのDOM React.renderToString(Component({})) して生成したreactId付きHTMLに対して、再描画せずにReactを適用できるようにする(イベント注入含む) 手法 reactのid付きDOMはこんなもの。

[kent-where-the-light-is]

“同じ引数を与えるとDOMを破棄することなく成功する”

[bouzuya]

ためす

[kasumani]

Reactでサーバーサイドで生成したHTMLに対してDOMを初期化せずにReactComponentとして状態を更新する この記事は VirtualDOM Advent Calendar 2014 - Qiita のネタが切れた時にどこからか指定されるやつです。中の人なんであんまり行儀悪い

[efcl]

サーバサイドでレンダリングしたHTMLを、そのままクライアントでレンダリングするとdiff/patchじゃなくて全部レンダリングされるので、 サーバから状態の情報も受け取って、それをクライアントに適応してから始める事でdif

[pirosikick]

全部差し替えちゃうのかー知らなかった。

[mizchi]

書いた