TanStack Virtual を使ってみた話

• #フロントエンド
• #バックエンド
• #クラウド

AIで作成し、掲載基準に基づいて自動選定した要約です。

• TanStack Virtualを使って66万セルの表を効率的に描画する実装をした
• 縦と横のスクロールを別々のHookで仮想化し、データを型付き配列に変換してメモリ使用量を削減した
• 仮想化してもデータはメモリに残るため、オブジェクト数を減らす処理が必要で、スクロール時のレイアウト測定に注意が必要な点が重要