TanStack Virtual を使ってみた話

初めまして。

ギークプラスのフロントエンドエンジニアの杉平と申します！今回は、サプライチェーン計画のプロダクトで在庫計画の画面をリニューアルしたときのお話です。作ったのは、商品ごとのカードを縦に積んでいって、開くと中に大きな表が出てくる画面でした。

表の縦軸は「拠点 × 指標」で、拠点 1 つにつき在庫数や入出荷数といった指標が並びます。横軸は時間で、日次・週次・月次を切り替えられます。これが最大でどれくらいになるかというと、拠点 100 件 × 指標 9 種類で 900 行。

日次は今日を挟んで前後 365 日ぶん出すので 731 列。掛けると 約 66 万セルです。1 商品ぶんでこの...