Arquitectura y desarrollo avanzado con React
El curso está diseñado para desarrollar competencias sólidas en React moderno, desde fundamentos del modelo de componentes hasta aplicaciones mantenibles y escalables. Se trabajan hooks avanzados, patrones de composición, gestión de estado local y global, y estrategias de arquitectura aplicadas a proyectos reales. También incluye navegación con React Router, consumo de APIs con control de estados, e integración de autenticación y autorización en frontend, además de herramientas como Redux Toolkit y React Query.
Integración de TypeScript, testing y optimización
El programa incorpora optimización de rendimiento con memoización, code splitting y análisis. Se dedica un bloque a testing con Jest y React Testing Library, validando componentes, hooks y lógica de negocio. Además, se aborda el proceso de build y despliegue con Vite, configuración de entornos y optimización de builds. Se integra TypeScript en proyectos React, trabajando tipado de componentes, estado, hooks y APIs, así como la migración desde JavaScript.
El programa formativo es ideal para desarrolladores que quieran trabajar con React de forma profesional.
1.Fundamentos de React
1.1 ¿Qué es React?
1.2 Node.js y gestores
1.3 Vite
1.4 JSX
2. Estado, eventos y hooks esenciales
2.1 Componentes funcionales
2.2 Props
2.3 Composición
2.4 Componentes Reutilizables
2.5 Fragments, keys y errores frecuentes
3.UseState
3.1 UseState: estado local y re-render
3.2 Actualizar arrays y objetos
3.3 Eventos (Parte 1)
3.4 Eventos (Parte 2)
3.5 Formularios
3.6 Renderizado condicional
3.7 Lifting State Up
4.UseEffects
4.1 UserEffects
4.2 Los 3 estados del UserEffects
4.3 APIs
4.4 LocalStorage
5.Hooks
5.1 Qué es un hook
5.2 UserRef
5.3 UserReducer (Parte 1)
5.4 UserReducer (Parte 2)
5.5 UseContext
5.6 UseMemo
5.7 useCallback
5.8 Custom Hooks
6.Routing con React Router v6
6.1 Primeros pasos en Reac Router
6.2 Link y NaviLink
6.3 Params Router
6.4 Oulet
6.5 AuthContext
6.6 Private Counter
6.7 Redirects
6.8 Params Query
7.Estado Global con Context, Redux y Zubstand
7.1 Cuando usar el GlobaL State
7.2 Context + useReducer
7.3 Redux y RTK
7.4 RTK en práctica (parte 1)
7.5 RTK en práctica (parte 2)
7.6 Zubatand
7.7 Comparativa Final
8.APIs, autenticación y TanStack Query
8.1 Mock con Json Server
8.2 Axios
8.3 Autenticación con JWT
8.4 Refresh Token
8.5 ¿Por qué TankStack Query?
8.6 UserQuery
8.7 useMutation (Parte 1)
8.8 useMutation (Parte 2)
8.9 Caché e Invalidaciones
9.Rendimiento y optimización
9.1 React DevTools Profiler + Lighthouse
9.2 State colocation
9.3 React.memo
9.4 useMemo y useCallback
9.5 useEffect y rendimiento
9.6 Lazy loading y Suspense
9.7 Code splitting y análisis del bundle
9.8 Virtualización con react-window
10.Testing en React
10.1 Teoria del Testing
10.2 Setup con RTL
10.3 Testing en Componentes
10.4 Queries e interacciones con userEvent
10.5 Setup con MSW y Mock de API
10.6 Mockear los Provider
10.7 Implementar MSW en los Test
10.8 Testear custom hooks con renderHook
10.9 Tests de integración
11.Arquitectura y escalabilidad
11.1 Arquitectura Por tipo vs Por feature
11.2 Capas: API, hooks y componentes
11.3 Error Boundaries y manejo global de errores
11.4 Accesibilidad y convenciones de equipo
11.5 Build con Vite: configuración y optimización
11.6 Variables de entorno y despliegue en producción
12.React + TypeScript
12.1 Introducción a TypeScript
12.2 Tipos, interfaces y los primeros componentes tipados
12.3 Estado y eventos tipados — la todo list funciona
12.4 Custom hook tipado: useTodos
12.5 Errores comunes y Zod para datos externos
13. Conclusión & Proyecto Final.
13.1 Conclusión & Proyecto Final.
Información Adicional
