Autodesk / Autodesk/react-base-table

Excessive rerenders on various browser events react-base-table

Aperta
#306 9 commenti 2 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
1.5k
Fork
170
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Usa il Gist e la registrazione Loom collegati per riprodurre i rerenders eccessivi in react-base-table v1.12.0, concentrandoti sugli eventi scroll e mouseover. Traccia il comportamento di rendering della tabella a partire da questa riproduzione e verifica che i cali di prestazioni segnalati siano stati risolti senza modificare il comportamento previsto della tabella.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend, performance
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.