Reactガイドを読んでいくその72
これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
パフォーマンス最適化
長いリストの仮想化
アプリケーションが長いデータのリストをレンダーする際は「ウィンドウィング」というテクニックを使うといい。
このテクニックはある瞬間ごとにはリストの小さな部分集合のみを描画し、生成するDOMノードやコンポーネントの再描画の時間を減少させることができる。
react-windowとreact-virtualizedは人気があるウィンドウウィング処理のライブラリ。
アプリケーションの特定のユースケースに合わせた追加的な処理をする場合はTwitterが行っているような独自のウィンドウィング処理を作成することもできる。
少ないですが、今日はここまで。