Description
Tu app se puso lenta y no sabés por qué. Escribir en un buscador se traba, un click se cuelga un instante, una lista de unos pocos miles de filas convierte el scroll en un pase de diapositivas, y lo primero que probás, envolver cosas en useMemo y useCallback, no cambia nada salvo el tamaño del diff. Abrís el Profiler y es una pared de barras de colores que no sabés leer. No podés decir si el cuello de botella es React o el navegador, si un componente se re-renderiza porque cambió su estado o porque lo hizo un padre, si el Context que agregaste está re-renderizando medio árbol en silencio con cada tecla. Cualquiera hace que React muestre los pixeles correctos. Casi nadie en tu equipo hace que los muestre rápido, y lo demuestra. Ese es el hueco, y vale plata.
Este libro te enseña a hacer React rápido como lo hace un staff: entendiendo el motor, midiendo antes de tocar nada y arreglando la única cosa que en realidad estaba lenta. Arranca donde nace de verdad la velocidad, qué pasa entre que llamás a setState y el navegador pinta un pixel, la fase de render y la de commit, Fiber y por qué React puede pausar y descartar trabajo. De ahí aprendés a leer el Profiler y contestar por qué se renderizó este componente, a ubicar el estado para que un cambio no se propague por todo el árbol, a memoizar solo donde rinde y a reconocer el caso mucho más común en que no hace nada, a mantener la interfaz fluida durante actualizaciones caras con el React concurrente, a partir el código y leer tu propio bundle, a renderizar una lista de diez mil filas dibujando cuarenta, y a distinguir cuándo React va rápido pero lo lento es el propio pintado del navegador. Cada capítulo trabaja una misma app de ejemplo, un tablero llamado Ledger, y la lleva de arrastrarse a instantánea, y cada arreglo se mide, nunca se adivina. Acá casi no hay trivia de la API y sí mucho sobre cómo funciona el render de verdad, adónde se va el tiempo y cómo probar que un cambio hizo la app más rápida en vez de solo sentir que sí. Para el desarrollador que quiere ser al que el equipo llama cuando la app está lenta.
¿Este libro es para vos?
Este libro es para: desarrolladores que ya saben hacer React que funciona y ahora quieren la habilidad que separa a un senior de un staff, que es lograr que una app se sienta instantánea con datos y carga reales, y que prefieren entender qué hace React de verdad por debajo de un componente antes que pegar useMemo por todos lados y rezar para que ayude.
Qué incluye este libro
- Capítulo 1: La semana que Ledger se puso lenta y no supe decir por qué
- Capítulo 2: Qué pasa en realidad cuando llamás a setState
- Capítulo 3: Esto se re-renderiza y no veo por qué
- Capítulo 4: Un cambio re-renderiza media pantalla
- Capítulo 5: Envolví todo en useMemo y sigue lento
- Capítulo 6: El input se congela mientras escribo
- Capítulo 7: La primera carga tarda una eternidad
- Capítulo 8: Qué hay adentro de mi bundle y por qué pesa tanto
- Capítulo 9: Diez mil filas y el scroll va a los tirones
- Capítulo 10: Optimicé React y la interfaz sigue lenta
- Capítulo 11: Cómo pruebo que de verdad quedó más rápido
- Capítulo 12: En qué me convertí después de aprender a hacer que todo vaya rápido
