Autodesk / Autodesk/react-base-table
Heavy Recalculate style stack in performance on scroll
- 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?
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