Autodesk / Autodesk/react-base-table
Heavy Recalculate style stack in performance on scroll
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.5k
- Forks
- 170
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
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?
Guía de contribución
Línea de trabajo
No se nombran archivos fuente ni pruebas. Empieza reproduciendo el desplazamiento de una tabla grande con React 18 y grabando el panel Performance de Chrome; después, sigue las entradas de Recalculate Style y forced-reflow hasta react-base-table. Se considera completado cuando se haya identificado la causa y se demuestre que el desplazamiento ya no implica el trabajo de estilos reportado de 50ms+.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- react, typescript
- Área
- frontend, performance
- Tipo de issue
- Error
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Necesita aclaración
- Aptitud para principiantes
- 25/100