Reactガイドを読んでいくその72

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

パフォーマンス最適化

長いリストの仮想化

アプリケーションが長いデータのリストをレンダーする際は「ウィンドウィング」というテクニックを使うといい。
このテクニックはある瞬間ごとにはリストの小さな部分集合のみを描画し、生成するDOMノードやコンポーネントの再描画の時間を減少させることができる。

react-windowとreact-virtualizedは人気があるウィンドウウィング処理のライブラリ。
アプリケーションの特定のユースケースに合わせた追加的な処理をする場合はTwitterが行っているような独自のウィンドウィング処理を作成することもできる。

少ないですが、今日はここまで。