Autodesk / Autodesk/react-base-table
Excessive rerenders on various browser events react-base-table
- 主要言語
- TypeScript
- スター
- 1.5k
- フォーク
- 170
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
Currently using react-base-table v1.12.0
Migrating from react-table to react-base-table usage across app, this is a new table and I am experiencing excessive rerenders across any scroll or mouseover events on the whole table.
All custom components used in cellRenderer are memorized, as well as the data being passed into the table, yet seeing intense performance drops from rerenders.
Loom video linked below for reference.
https://www.loom.com/share/e8032526b6644874bffc08fbc959c09c
Gist for code reference:
https://gist.github.com/RichardSPrins/fd760e50b5529b1f222d8c6ee5808c54
コントリビューションガイド
調査の方向性
リンクされているGistとLoomの録画を使用して、react-base-table v1.12.0で過剰なrerendersを再現し、scrollおよびmouseoverイベントに焦点を当てます。その再現結果からテーブルのレンダリング動作を追跡し、意図されたテーブルの動作を変更せずに、報告されているパフォーマンス低下が解消されていることを確認します。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react, typescript
- 領域
- frontend, performance
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 25/100