Autodesk / Autodesk/react-base-table
Excessive rerenders on various browser events react-base-table
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 170
- PR merge metrics
- No merged PRs in 30d
Description
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
Contributor guide
Research direction
Use the linked Gist and Loom recording to reproduce the excessive rerenders in react-base-table v1.12.0, focusing on scroll and mouseover events. Trace the table's rendering behavior from that reproduction and verify that the reported performance drops are resolved without changing the intended table behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100