Durante los próximos meses (1 o 2) iré desarrollando este curso de react, con su última version (19), y apoyado en IA (textos de ChatGPT 5.2, y Gemini 3 Flash en el IDE) utilizando como IDE: Antigravity; con videos en todos los capítulos, así como un repositorio en GitHub para dejaros a vuestra disposicion todo el codigo.

Espero que os sea de utilidad.

Objetivo del curso

Aprender React 19 de forma profesional, entendiendo:

• el modelo mental moderno
• el porqué de cada concepto
• cómo escribir código mantenible, escalable y real
• cómo trabajar con IA (Antigravity) como copiloto, no como muleta

Estructura general del curso

El curso se divide en 6 bloques, cada uno compuesto por capítulos/artículos.

Cada capítulo incluye:

1. Artículo explicativo
2. Ejercicios guiados
3. Ejercicio final “realista”
4. Código base / repo incremental
5. Video o videos necesarios para entender todo

ÍNDICE COMPLETO DEL CURSO

---

🟦 BLOQUE 1 — Fundamentos y mentalidad React 19

Capítulo 1 — ¿Qué es React hoy (2025)?

• Qué es y qué no es React
• React como motor de UI, no framework completo
• Qué cambia con React 18 → 19
• Declaratividad vs imperatividad

🧪 Ejercicio:

• UI declarativa vs DOM manual

---

Capítulo 2 — Preparación del entorno

• Node, Vite, estructura moderna
• Antigravity como IDE + IA
• ESLint, Prettier, convenciones

🧪 Ejercicio:

• Crear primer proyecto base

---

Capítulo 3 — JSX en profundidad

• JSX ≠ HTML
• Expresiones, condicionales
• Renderizado dinámico correcto

🧪 Ejercicio:

• UI con lógica condicional real

---

🟦 BLOQUE 2 — Componentes y estado (core de React)

Capítulo 4 — Componentes funcionales modernos

• Funciones puras
• Props bien usadas
• Composición > herencia

🧪 Ejercicio:

• Refactor de componentes mal diseñados

---

Capítulo 5 — Estado con useState

• Estado local
• Re-render
• Errores comunes

🧪 Ejercicio:

• Formulario controlado real

---

Capítulo 6 — Eventos y flujo de datos

• Eventos sintéticos
• Comunicación padre ↔ hijo

🧪 Ejercicio:

• Lista editable con acciones

---

🟦 BLOQUE 3 — Hooks esenciales

Capítulo 7 — useEffect sin sufrimiento

• Ciclo de vida moderno
• Dependencias reales
• Anti-patrones

🧪 Ejercicio:

• Fetch de datos correcto

---

Capítulo 8 — useRef y DOM

• Referencias vs estado
• Casos reales (focus, timers)

🧪 Ejercicio:

• Control de inputs y animaciones

---

Capítulo 9 — Custom Hooks

• Extraer lógica
• Reutilización limpia

🧪 Ejercicio:

• Hook de fetch reutilizable

---

🟦 BLOQUE 4 — React 19 avanzado

Capítulo 10 — Concurrent Rendering

• Qué es realmente
• Qué problemas resuelve

---

Capítulo 11 — useTransition

• UX fluida
• Estados “no urgentes”

🧪 Ejercicio:

• Búsqueda con transición

---

Capítulo 12 — Server Components (visión práctica)

• Qué son
• Cuándo usarlos
• Relación con frameworks

---

🟦 BLOQUE 5 — Arquitectura y escalabilidad

Capítulo 13 — Organización de proyecto

• Carpetas
• Feature-based structure

---

Capítulo 14 — Estado global

• El problema real del estado compartido
• Context
• Alternativas modernas
• Redux hoy

---

Capítulo 15 — Formularios reales

• La forma correcta de hacer formularios hoy
• Acciones (useActionState , useFormState)
• Estado de envío
• Errores
• UX sin hacks

---

🟦 BLOQUE 6 — Producción y buenas prácticas

Capítulo 16 — Performance

• Memoización
• Render innecesario

---

Capítulo 17 — Testing moderno

• Testing Library
• Tests que importan

---

Capítulo 18 — Build, deploy y mantenimiento

• Producción
• Errores comunes
• Evolución del proyecto

---

Hasta aqui es la idea de indice que tengo ahora, aunque a medida que avancemos, esto puede crecer, pero….