Reactにおけるパフォーマンス最適化のTips

参考: https://zenn.dev/y_okt/articles/20230113_day10

  1. コンポーネントの状態に関わるコードとそれ以外のコードが混在している場合、コンポーネントの状態に関わるコードを別のコンポーネントに切り出す
  2. Windowing, List virtualization
  • 全体をレンダリングする代わりに、見える範囲のリストだけを DOM 上でレンダリングしようとする技術