Autodesk / Autodesk/react-base-table

Heavy Recalculate style stack in performance on scroll

Aperta
#415 0 commenti 1 reazione 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

We are using react-base-table in our tables, the scroll virtualised performance seems laggy.
The "Recalculate Style" stack in Chrome performance tab reaches 50ms+, for unknown reason.
Chrome also shows "Forced reflow" warning in console and in the Performance tab.
Using react/react-dom v18.
Any way to overcome/debug the issue?
Screenshot 2023-05-17 at 5 28 22 PM

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Non sono indicati file sorgente o test. Inizia riproducendo lo scorrimento di una tabella di grandi dimensioni con React 18 e registrando il pannello Performance di Chrome, quindi risali dalle voci Recalculate Style e forced-reflow fino a react-base-table. Il lavoro è completo quando viene identificata la causa e viene dimostrato che lo scorrimento non comporta più il lavoro di stile segnalato di 50ms+.

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.