Módulo 04
React
Entra en React desde cero: JSX, componentes, estado, props, hooks (useState, useEffect, useRef) y formularios. Migrarás el proyecto a una SPA moderna con Vite y aprenderás a pensar en interfaces reactivas.
43 clases
Lecciones del módulo
43 en total
- 01¿Qué es React?
- 02Primeros pasos en React
- 03JSX: La sintaxis de React
- 04Componentes en React
- 05Componentes vs Funciones normales
- 06Creando JobCard: Nuestro primer componente real
- 07Eventos en React
- 08Estado con useState
- 09Renderizado y Virtual DOM
- 10Vite: Empaquetador moderno
- 11Instalación de Vite
- 12Fast Refresh y Actualizaciones de Estado
- 13Migrando el Proyecto DevJobs a React
- 14Ejercicios de práctica
- 15Props - Comunicación entre Componentes
- 16Módulos JavaScript - Import y Export
- 17Paginación - Props y Comunicación Padre-Hijo
- 18Callbacks - Pasar Funciones como Props
- 19Estado por Props - Lifting State Up
- 20Keys y Renderizado de Listas
- 21Terminando la paginación
- 22CSS Modules
- 23Hook useId()
- 24Gestión de Formularios y Filtros
- 25Ejercicios: Formularios y Eventos
- 26Filtros automáticos y Routing básico
- 27Hook useEffect: Efectos secundarios en React
- 28Cuándo usar useEffect
- 29Creando una Single Page Application (SPA) desde cero con React
- 30Custom Hooks: Reutilizar lógica en React
- 31Integrando navegación con formulario de búsqueda
- 32Creando un componente <Route> declarativo
- 33Creando custom hook para formulario
- 349 Ejercicios prácticos: Router y Formularios
- 35Llamada a la API: Consumiendo datos reales con fetch
- 36Integrando filtros en la petición HTTP
- 37Arreglando paginación con limit y offset
- 38Ejercicios: Mejoras en la aplicación
- 39Problemas con la etiqueta title
- 40Técnica de debounce en el buscador
- 41Hook useRef: referencias y valores que persisten entre renders
- 42Arreglando la paginación
- 43Sincronización de la URL con el buscador