本文へ移動

§08-03Content

Virtual list (windowing)

画面内の行だけを描画して大量データを扱う。

数万件の一覧でもスクロールが滑らかに動き、初期表示も速い。ログや大規模テーブルなど、全件表示が重くなる場面で使う。

実装のポイント

scrollTop から表示範囲を計算し、前後にバッファ行を足して描画する。全体の高さは spacer で確保し、各行は absolute か translateY で配置する。

特徴
  • 状態管理

このパターンが効く目的