1

Introducción

• ES6+ y módulos.
• Los principios clave de React: VirtualDOM, JSX, Flujo de datos unidireccional.
• Descubre el ecosistema de herramientas ReactJS.

2

Buenas prácticas de desarrollo

• Recordatorios de productividad: prop-types y DefaultProps, hoja de componentes con StoryBook.
• Tipado de código con flow o TypeScript.
• Establecimiento de pruebas unitarias y funcionales.
• Creación rápida de prototipos de componentes y soluciones.

3

Técnicas avanzadas y patrones de diseño

• El patrón de componentes de orden superior (HOC).
• Renderizado en elementos DOM remotos mediante portales.
• "React hooks" programación funcional: useEffect, useState.
• React: creación de "customHooks" para distribuir lógica personalizada.
• Inyección de dependencia con contextos.

4

Redux avanzado

• Recordatorio de Redux: las diferentes entidades, sintaxis básica e integración con React.
• Simplifique y optimice la creación de formularios con Redux Form.
• Mejore la experiencia del usuario con Redux Persist y el almacenamiento de estado local.
• Crear middleware Redux Custom.

5

Optimizar el rendimiento

• ¿Cómo optimizar el ciclo de vida de los componentes?
• Utilice la inmutabilidad para acelerar y simplificar el procesamiento.
• Componentes puros.
• API para la optimización de React.Suspense React.Lazy, modo concurrente y React.Cache.
• Renderizado del lado del servidor con NextJS.

6

Eventos/transiciones

• Animar componentes "a mano" utilizando animaciones y transiciones CSS.
• Simplifique su trabajo con React Transition Group.
• Profundización en las principales bibliotecas de animación: comparación y ejemplos de aplicación.

7

Internacionalización

• Internacionalización frente a localización: diferencias y escenarios de uso.
• Las principales librerías de internacionalización.
• Integración con React y Redux.