React.js profesional

Temario jerárquico

Módulo 1 - Entorno profesional y React 19.2

1. 1.1. React, React DOM y modelo declarativo
2. 1.2. React 19.2, compatibilidad y avisos de seguridad
3. 1.3. Proyecto con Vite y estructura inicial
4. 1.4. Modo estricto, DevTools y linting
5. 1.5. Scripts de desarrollo, build y preview

Módulo 2 - JSX, componentes y pureza

1. 2.1. JSX, expresiones y reglas de marcado
2. 2.2. Componentes como funciones y composición
3. 2.3. Nombres, archivos y exports
4. 2.4. Pureza, idempotencia e inmutabilidad
5. 2.5. StrictMode como detector de errores

Módulo 3 - Props, children y composición

1. 3.1. Props, destructuring y valores por defecto
2. 3.2. children y slots por composición
3. 3.3. Variantes y componentes especializados
4. 3.4. Paso de callbacks y datos inmutables
5. 3.5. Contrato, documentación y límites del componente

Módulo 4 - Render condicional, listas y claves

1. 4.1. if, operador ternario y AND lógico
2. 4.2. Estados vacío, cargando, error y éxito
3. 4.3. map, filter y transformación para UI
4. 4.4. Keys estables e identidad de componentes
5. 4.5. Preservar y reiniciar estado con posición y key

Módulo 5 - Eventos y estado local

1. 5.1. Event handlers y propagación
2. 5.2. useState y cola de actualizaciones
3. 5.3. Updater functions y batching
4. 5.4. Objetos y arreglos sin mutación
5. 5.5. Diseño de estados mínimos y válidos

Módulo 6 - Arquitectura del estado

1. 6.1. Estado derivado frente a estado almacenado
2. 6.2. Lifting state up y fuente de verdad
3. 6.3. Componentes controlados y no controlados
4. 6.4. Normalización y estados imposibles
5. 6.5. Preservación, reinicio y claves semánticas

Módulo 7 - Formularios y Actions

1. 7.1. Inputs controlados, labels y mensajes
2. 7.2. FormData y validación cliente-servidor
3. 7.3. Estados pending, success y error
4. 7.4. Actions, useActionState y useFormStatus
5. 7.5. Optimistic UI y reversión

Módulo 8 - Efectos y sincronización externa

1. 8.1. Render, commit y ciclo de un Effect
2. 8.2. Dependencias reactivas y linter
3. 8.3. Cleanup, reconexión y StrictMode
4. 8.4. Eventos frente a Effects
5. 8.5. Eliminar Effects innecesarios

Módulo 9 - Refs y acceso al DOM

1. 9.1. useRef y persistencia sin render
2. 9.2. Refs a nodos DOM y enfoque
3. 9.3. ref como prop en React 19
4. 9.4. useImperativeHandle y API mínima
5. 9.5. Medición, layout y riesgos de manipulación

Módulo 10 - Reducers y máquinas de estado

1. 10.1. Acciones, reducer y estado inicial
2. 10.2. Inmutabilidad y exhaustividad de casos
3. 10.3. useReducer y dispatch
4. 10.4. Separar intención de implementación
5. 10.5. Reducer como máquina de estados finitos

Módulo 11 - Context y dependencias compartidas

1. 11.1. createContext y lectura con use
2. 11.2. Provider moderno con elemento Context
3. 11.3. Tema, sesión y configuración
4. 11.4. Reducer más Context
5. 11.5. División de contextos y optimización de valor

Módulo 12 - Hooks personalizados

1. 12.1. Reglas de Hooks y análisis estático
2. 12.2. Detectar lógica reutilizable
3. 12.3. Diseñar argumentos y resultado
4. 12.4. Composición de hooks y recursos externos
5. 12.5. Pruebas, nombres y documentación

Módulo 13 - Datos asíncronos, Suspense y use

1. 13.1. Estados de petición, carreras y cancelación
2. 13.2. Suspense, fallback y revelado anidado
3. 13.3. lazy para código y recursos
4. 13.4. Lectura de promesas con use
5. 13.5. Cache de datos y responsabilidades del framework

Módulo 14 - Navegación y React Router

1. 14.1. Router, rutas anidadas y Outlet
2. 14.2. Parámetros, búsqueda y enlaces
3. 14.3. Layouts y navegación accesible
4. 14.4. Loaders, actions y estados de navegación
5. 14.5. Errores de ruta, lazy routes y protección

Módulo 15 - Estado remoto y caché de servidor

1. 15.1. Estado local, remoto, URL y formulario
2. 15.2. Cache keys y deduplicación
3. 15.3. Freshness, revalidación e invalidación
4. 15.4. Mutación optimista y reconciliación
5. 15.5. Offline, reintentos y experiencia degradada

Módulo 16 - Rendimiento, concurrencia y Compiler

1. 16.1. Profiler y React Performance Tracks
2. 16.2. memo, useMemo y useCallback con evidencia
3. 16.3. useTransition y actualizaciones no urgentes
4. 16.4. useDeferredValue y listas costosas
5. 16.5. React Compiler, linting y límites de memoización

Módulo 17 - Accesibilidad de interfaces React

1. 17.1. HTML semántico antes que ARIA
2. 17.2. Nombre, rol, valor y descripciones
3. 17.3. Teclado, foco visible y orden lógico
4. 17.4. Dialogs, menús y patrones WAI-ARIA
5. 17.5. Mensajes dinámicos y pruebas manuales

Módulo 18 - Pruebas centradas en el usuario

1. 18.1. Estrategia de pruebas por riesgo
2. 18.2. Render, consultas semánticas y eventos
3. 18.3. Operaciones asíncronas y espera
4. 18.4. Mocks de red y fronteras externas
5. 18.5. Integración, accesibilidad y cobertura útil

Módulo 19 - Errores, seguridad y observabilidad

1. 19.1. Error Boundaries y recuperación por sección
2. 19.2. Errores de eventos, Effects y datos
3. 19.3. XSS, escape, dangerouslySetInnerHTML y URLs
4. 19.4. Secretos, configuración pública y dependencias
5. 19.5. Logging, métricas web y reporte de errores

Módulo 20 - SSR, hidratación y Server Components

1. 20.1. CSR, SSR, SSG y streaming
2. 20.2. hydrateRoot y causas de mismatch
3. 20.3. Server Components frente a Client Components
4. 20.4. Server Actions y fronteras use server/use client
5. 20.5. Suspense streaming, metadatos y seguridad de versión

Módulo 21 - Arquitectura, entrega y proyecto final

1. 21.1. Estructura por funcionalidades y límites
2. 21.2. Design system, contratos y documentación
3. 21.3. Build, variables y análisis del bundle
4. 21.4. CI, pruebas, despliegue y rollback
5. 21.5. Proyecto final: aplicación React profesional