Autodesk / Autodesk/react-base-table

Excessive rerenders on various browser events react-base-table

オープン
#306 コメント 9 件 リアクション 2 件 担当者 0 名 GitHub で見る
主要言語
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

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

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