React.jsがVirtualDOMを採用していて嬉しい事 - Qiita

今回はReact.jsのVirtualDOMについて簡単に触れておきたいと思います。 VirtualDOMについては別途AdventCalendarがあるので詳しくはそちらを見てください。自分もReact.jsのVirtualDOMの実装について書いています。 本当は↑だけでいいのですが、このAdventCalendarのどこかで触れておきたかったので重複する部分も多いですが簡単に触れておきます。 VirtualDOMの嬉しい点 JavaScriptを使ってDOMを操作して画面の表示を切り替えていくようなアプリケーションの場合、ユーザー体験を損ねないためにも更新されるDOMは最低限にしたくなります。 例えばBackbone.jsを使っていると、基本的にはView単位でrenderするのでViewを細かく分割していくことが必要になります。そうなるとViewが増えて複雑さが増してきて辛くなって

[ir_takt]

Backbone.jsはViewが増えて(Viewごとに状態管理するため)複雑さが増してきて辛い、Reactはトップ以外のViewが状態管理しないので複雑になりにくい、という話かな

[wordi]

shouldComponentUpdateによりrenderの呼ぶかどうかの最適化を図る、等

[t-wada]

“Topレベルの要素にアプリケーションの状態を持たせておいてそれをsetStateでどんどん更新するという雑なアーキテクチャも可能" "サーバーサイドでのレンダリングみたい” ほんとこれ。強力さを実感している。