Sprint 1 — Arquitectura Full Stack y consumo de APIs
Semanas 1–2: el viaje de los datos entre React, Express y MongoDB.
Video 1 — De frontend aislado a app full stack
Arquitectura cliente-servidor-base de datos: las tres capas de un ecommerce real y por qué cada pieza existe donde existe.
Video 2 — Consumiendo una API REST desde React
Configurar un cliente HTTP centralizado, disparar peticiones con useEffect y limpiar efectos con AbortController.
Video 3 — Estados de carga, error y empty
El patrón canónico para manejar los tres estados de cualquier petición HTTP: loading, error y sin datos.
Clase Semana 1 — Listado de productos con datos reales
Live coding: crear apiClient.js, productsService.js y el componente ProductsList que consume datos reales del backend.
Clase Semana 2 — Vista de detalle de producto
React Router, useParams y manejo de 404 y 5xx: construir la vista de detalle de producto con navegación y errores reales.