Performance
Además de los beneficios para la integridad de los datos, la caché normalizada con memoización a nivel de entity permite mejoras de rendimiento significativas en aplicaciones interactivas ricas.
Benchmarks de renderizado de React
Se mide el pipeline de renderizado completo (desde el fetch hasta el commit al DOM) en un navegador real mediante Playwright.1 La línea base de React usa useEffect + useState de la documentación de React.2
Ver el código fuente del benchmark · Metodología y resultados · Rendimiento a lo largo del tiempo
- Navegación con caché: Navegar diez veces entre una lista completa y los elementos de la lista.3
- Propagación de mutaciones: Una sola escritura en el store actualiza todas las vistas que hacen referencia a la entity.4
- Escalado: Mutaciones con 10 mil elementos renderizados en la lista.5
Estos benchmarks miden el impacto del framework dentro del sistema general. Eso los hace más útiles como comparaciones entre enfoques que como mediciones absolutas del rendimiento global de una aplicación. Los usamos para guiar las optimizaciones de la biblioteca y detectar regresiones de rendimiento a lo largo del tiempo.
Benchmarks de normalización
Desnormalización comparada con la biblioteca normalizr, ya heredada. La memoización a nivel de entity mantiene la igualdad referencial global y acelera los accesos repetidos, incluso después de mutaciones.
