Curso de React

Entiende el problema que React viene a resolver, cómo encaja en una SPA moderna y cuál es su sitio real dentro del frontend actual.

Configura un proyecto React con Vite entendiendo qué hace cada pieza para trabajar con velocidad y criterio técnico desde el primer día.

Domina la sintaxis JSX, sus reglas de oro y la mentalidad correcta para mezclar JavaScript y marcado de forma limpia en React.

Aprende a dividir la UI en componentes reutilizables y a pasar información mediante props de forma clara y mantenible.

Aprende a mostrar u ocultar bloques según estado y a renderizar colecciones con `map` y `key` correctamente.

Aprende cómo reaccionar a interacciones del usuario y cómo el estado local controla el render en React.

Comprende cuándo y por qué se ejecuta useEffect para sincronizar React con APIs, temporizadores y otras fuentes externas.

Aprende a modelar correctamente dependencias y funciones de limpieza para evitar efectos duplicados, fugas de memoria y datos obsoletos.

Aprende cuándo usar useRef para interactuar con elementos del DOM o guardar valores mutables sin disparar re-renders.

Aprende a diseñar componentes contenedor con `children` para reutilizar estructura y permitir contenido variable sin romper encapsulación.

Domina inputs controlados para construir formularios predecibles, validables y fáciles de mantener en aplicaciones reales.

Aprende a escalar formularios en React usando React Hook Form para rendimiento y Zod para validación declarativa y tipable.

Aprende a modelar correctamente los estados de una petición HTTP en React para evitar UIs rotas o confusas.

Aprende por qué TanStack Query simplifica fetching, cache e invalidación frente al patrón manual con useEffect.

Configura navegación cliente en React con React Router y entiende la diferencia real entre enlaces SPA y recarga completa del navegador.

Construye navegación avanzada con parámetros de URL, rutas anidadas y layouts reutilizables para escalar aplicaciones React.

Aprende a compartir estado entre ramas del árbol de componentes usando Context API cuando pasar props por muchos niveles deja de ser sostenible.

Aprende a crear un store global con Zustand para compartir estado entre componentes sin boilerplate excesivo.

Aprende la arquitectura esencial de Redux Toolkit para proyectos grandes: store, slices, actions y conexión con componentes React.

Aprende a optimizar renders de forma inteligente sin caer en sobre-optimización prematura ni complejidad innecesaria.

Optimiza tiempos de carga inicial dividiendo bundles y cargando componentes bajo demanda con React.lazy y Suspense.

Aprende a escribir tests útiles en React centrados en comportamiento real de usuario usando Vitest y React Testing Library.

Aprende a integrar TypeScript en React para prevenir errores en tiempo de desarrollo y escalar componentes con contratos claros.

Aprende a estructurar proyectos React para crecer sin caos: feature folders, separación de responsabilidades y convenciones de equipo.

Integra componentes, routing, estado, datos remotos y buenas prácticas de arquitectura en un proyecto final de nivel profesional.