React Moderno y Avanzado
Lleva tus conocimientos de React a un nivel profesional: arquitectura, estado, rendimiento, testing y desarrollo moderno con Next.js.
Nivel
Intermedio
Modalidad
En vivo
Duración
30 horas
01 · RESULTADOS
Objetivos de aprendizaje
Qué lograrás dominar al completar este programa.
Construir aplicaciones React escalables, mantenibles y orientadas a proyectos reales
Gestionar estado global y aplicar patrones de componentes adecuados a cada escenario
Optimizar renderizado, carga y experiencia de usuario considerando métricas de rendimiento web
Implementar estrategias modernas de renderizado y Server Components con Next.js
02 · METODOLOGÍA
Metodología TechSkillsPeru
Aprendizaje práctico orientado a resultados profesionales.
Clases prácticas
Sesiones en vivo o bajo demanda con enfoque técnico y aplicado.
Labs reales
Resolución de problemas utilizando herramientas de la industria.
Proyecto final
Construye un resultado tangible para tu portafolio profesional.
03 · PLAN ACADÉMICO
Estructura del curso
Módulos y lecciones detalladas del programa.
01Fundamentos y Hooks
3 lecciones
Fundamentos y Hooks
3 lecciones
Componentes funcionales
Organiza componentes funcionales con una arquitectura clara y orientada a la reutilización.
Hooks personalizados
Extrae lógica reutilizable mediante hooks personalizados y composiciones.
Manejo de efectos y eventos
Gestiona efectos secundarios, eventos y sincronización con el ciclo de vida de la aplicación.
02Arquitectura y Estado
3 lecciones
Arquitectura y Estado
3 lecciones
Context API vs Zustand
Compara alternativas y selecciona la estrategia de estado adecuada para cada aplicación.
Patrones de componentes
Construye componentes flexibles mediante patrones de composición y compound components.
UI Libraries (Tailwind/Radix)
Crea interfaces consistentes mediante componentes reutilizables y principios de design systems.
03Performance y Testing
3 lecciones
Performance y Testing
3 lecciones
Memoización
Aplica memoización de forma estratégica para reducir renderizados y cálculos innecesarios.
Code Splitting
Divide el código y carga recursos bajo demanda para mejorar el rendimiento inicial.
Testing con Vitest y Testing Library
Valida flujos de usuario y componentes mediante pruebas automatizadas.
04Next.js y Producción y despliegue
3 lecciones
Next.js y Producción y despliegue
3 lecciones
Enrutamiento App Router
Organiza aplicaciones con App Router y comprende sus principales patrones de navegación.
Server Components
Comprende Server Components y cuándo aprovechar el renderizado del lado del servidor.
Despliegue en Vercel/AWS
Prepara y automatiza el despliegue de aplicaciones frontend en entornos de producción.
04 · REQUISITOS
Requisitos previos
Condiciones recomendadas para aprovechar el programa.
JavaScript sólido (ES6+)
HTML y CSS intermedio
05 · SOPORTE
Preguntas frecuentes
Respuestas a las consultas habituales sobre el programa.
¿Usan JavaScript o TypeScript?
Todo el curso se imparte utilizando TypeScript de forma estricta.
¿Necesito saber Node.js?
No es estrictamente necesario, pero para el módulo final de Next.js es útil tener nociones básicas.
Capacita a todo tu equipo
Si buscas entrenar a 5 o más colaboradores, ofrecemos planes corporativos con facturación electrónica, reportes de avance y personalización del currículo.
Solicitar cotización