Autodesk / Autodesk/react-base-table

Scrolling table is slow

オープン
#314 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
1.5k
フォーク
170
PR マージ指標
30日以内にマージされた PR はありません

説明

Hi,

My table contains more than 30 columns and 10k rows. When scrolling, wheel mouse quite slow and table delay 0.5-1s render more below data. Please give me a guide to improve performance ?
This is my example on codesandbox: https://codesandbox.io/s/react-base-table-forked-wsmcz?file=/src/App.tsx
Thanks

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、30列超・10k行の /src/App.tsx の例を使って、リンク先の CodeSandbox で遅延を再現します。ホイールスクロールとレンダリングをプロファイリングして、0.5~1秒の遅延の原因を特定します。パフォーマンス問題を理解し、具体的な改善ガイドを提供できた時点で完了とします。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend, performance
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。