Comenzamos el curso de React avanzado con una guía de configuración completa y un repaso de los conceptos básicos de TypeScript. Ideal para equipos que buscan estandarizar su entorno de desarrollo.

1. Resumen del curso

• Objetivos
• Resultados esperados
• Materiales del curso

2. Configuración del entorno

• Node.js y npm
• Mecanografiado
• Crear aplicación React con plantilla TypeScript

3. Conceptos básicos de TypeScript (actualización)

• Variables, tipos e interfaces
• Funciones y genéricos

Nos sumergimos en los building-blocks de las aplicaciones React: componentes y props. Aprend e crear elementos de interfaz de usuario reutilizables y a pasar datos entre ellos.

Componentes funcionales

1. Crear componentes funcionales

• JSX en componentes
• Objetivo: aprender a crear componentes funcionales, la forma más simple de componentes de React. Comprenda cómo utilizar JSX para definir la interfaz de usuario dentro de estos componentes.

2. Props

• Pasar y recibir props
• Tipos de props
• Objetivo: comprender el concepto de props para pasar datos entre componentes. Verificar los tipos para obtener mayor seguridad, calidad y experiencia de desarrollo.

Repaso intensivo de los conceptos de ciclo de vida d los componentes de react para crear interfaces interactivas manejando estado complejo.

• useState Hook
• useState + useEffect
• useRef
• useContext + useReducer
• transiciones

Sumérgete en el ciclo de vida de los componentes de React. Conozca las diferentes fases, como montaje, actualización y desmontaje, y los métodos del ciclo de vida asociados con ellas.

Aprender como gestionar eventos para añadir mayor interactividad, renderizados condicionales y más.

1. Gestión de eventos (Event Handling)

• Eventos sinteticos
• Event handlers
• Comprenda cómo React maneja eventos a través de eventos sintéticos. Aprenda a definir y utilizar controladores de eventos para que su aplicación sea interactiva.

2. Renderizado condicional

• if-else, operadores terniarios
• operadores lógicos
• Aprenda varias técnicas para el renderizado condicional en React. Comprenda cómo utilizar declaraciones if-else, operadores ternarios y operadores lógicos para controlar lo que se representa.

Aprender a renderizar listas, virtual lists para no bloquear el renderizado y gestionar miles de unidades.

Gestión avanzada de formularios con react-hook-form. Aprende a validar a crear formularios multistep y escalabels con react-hook-form.