Description
Un agente de IA te va a entregar React que renderiza, pasa el lint y está mal en silencio: lee estado viejo desde un closure, dispara un effect que vuelve a pedir datos en loop, usa el índice del array como key de una lista, envuelve medio árbol en un Context que re-renderiza todo con cada tecla, memoiza un valor que nunca fue el cuello de botella, escribe un test que no verifica nada y reporta verde. El navegador muestra los pixeles correctos, así que parece terminado. React renderiza casi cualquier cosa, porque renderizar prueba que la salida está bien formada, no que el flujo de datos, el comportamiento de re-render o el manejo de fallas estén bien. Los tutoriales de sintaxis no te sirven acá, no sos vos quien tipea el JSX. Lo que te falta es el modelo mental del revisor: qué está haciendo React en realidad por debajo del componente, para poder mirar un diff y saber si va a producción o vuelve para atrás.
Este libro te entrena para ser el revisor de React vibe-codeado, no para memorizar la API. Arranca desde una premisa distinta a la de cualquier otro libro de React: el agente escribe los componentes, y tu palanca es entender qué hace ese código en realidad para poder revisarlo con el criterio que el type checker no tiene. Vas a aprender qué es en realidad un render y cuándo React re-renderiza, cómo se guardan los hooks y por qué existen sus reglas, qué controla de verdad el array de dependencias de un effect, por qué el Context hace re-renderizar a los consumidores, qué tiene que ver la igualdad referencial con la performance, y qué te da en realidad el React concurrente, y vas a aprender todo eso como lo necesita un revisor: leyendo componentes reales que el agente generaría y decidiendo qué está bien, qué es plausible pero peligroso y qué hay que devolver. La progresión va de revisar una sola pieza de estado, a revisar un componente como la capa de datos o el formulario, a revisar cómo encaja toda la app y dónde se va a romper con datos y carga reales. Acá casi no hay ejercicios de sintaxis y sí mucho sobre flujo de datos, comportamiento de re-render, modos de falla y las formas específicas en que el React de un agente sale mal. Para ingenieros que van a vibe-codear en React de todas formas y quieren ser los que cazan lo que se le escapó al modelo.
¿Este libro es para vos?
Este libro es para: ingenieros que ya decidieron dejar que un agente de IA escriba su React (vibe coding) y ahora se quedan con la parte que el agente no puede hacer, que es juzgar si los componentes que produjo son correctos, rápidos y están bien diseñados, y que no piensan pasarse meses moliendo tutoriales de JSX y hooks para llegar ahí.
Todo lo que hay adentro
- Capítulo 1: El día en que el agente escribe todo tu React
- Capítulo 2: La idea que atrapa la mayoría de los bugs del agente
- Capítulo 3: Leer los componentes del agente sin que se te escape la trampa
- Capítulo 4: Por qué el estado sigue teniendo el valor viejo justo después de setearlo
- Capítulo 5: El hook dentro de un if que rompe todo lo que sigue
- Capítulo 6: El array que decide cuándo corre un effect
- Capítulo 7: Qué se rompe cuando el usuario hace clic más rápido que la red
- Capítulo 8: Por qué una sola tecla re-renderiza media app
- Capítulo 9: Cuando el formulario no deja escribir al usuario
- Capítulo 10: Optimizaciones que cuestan y no hacen nada
- Capítulo 11: Qué te da en realidad el React concurrente
- Capítulo 12: Lo que un error boundary deja pasar en silencio
- Capítulo 13: Dónde una feature se mete y rompe a otra
- Capítulo 14: Tests en verde que no atrapan ni un bug
- Capítulo 15: El secreto que se le manda a cualquiera que abra DevTools
