Reactのこともっとよくしろう! ~Reactパフォーマンス編~今回も、リポジトリを用意しました。 branchをlesson/3に切り替えると今期時の作業が可能です。 差分検出方法 パフォーマンスを向上する為にはまず、Reactがどのようにして表示を切り替えているかの仕組みをおさえておく必要があります。 Reactはいわゆる仮想DOMの仕組みで動いているので、Reactで構築している仮想DOMの変更を検出し、HTMLに反映するのが主な流れです。 仮想DOMについてより詳しく知りたい方は、下記の記事がおすすめです。 仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう 実際に仮想DOMの小さなフレームワークを実装しながら、仮想DOMの仕組みについて学ぶことができます。 つまりはReact仮想DOMと実DOMの差分を検出する方法をおさえておくことで、パフォーマンス向上のための取り組みが理解できます。 差分検出の
