Autodesk / Autodesk/react-base-table
Excessive rerenders on various browser events react-base-table
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.5k
- Forks
- 170
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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
Beitragsleitfaden
Rechercherichtung
Verwende die verlinkte Gist und Loom-Aufzeichnung, um die übermäßigen rerenders in react-base-table v1.12.0 zu reproduzieren, mit Schwerpunkt auf scroll- und mouseover-Ereignissen. Verfolge anhand dieser Reproduktion das Rendering-Verhalten der Tabelle und überprüfe, dass die gemeldeten Performance-Einbrüche behoben sind, ohne das vorgesehene Verhalten der Tabelle zu ändern.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend, performance
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100