Autodesk / Autodesk/react-base-table
Excessive rerenders on various browser events react-base-table
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.5k
- Forks
- 170
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
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
Guía de contribución
Línea de trabajo
Usa el Gist y la grabación de Loom enlazados para reproducir los rerenders excesivos en react-base-table v1.12.0, centrándote en los eventos scroll y mouseover. Traza el comportamiento de renderizado de la tabla a partir de esa reproducción y verifica que las caídas de rendimiento notificadas se hayan resuelto sin cambiar el comportamiento previsto de la tabla.
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