[TWB-100] React

Este curso cubre desde los fundamentos hasta aspectos avanzados. Se aborda la creación de proyectos con herramientas como create-react-app, el uso de JSX, componentes, estado, y ciclo de vida, así como el manejo de eventos, formularios y enrutamiento. También se exploran conceptos avanzados como Redux, Hooks y Context API.

Duración: 30 horas

Perfil: Avanzado/Experto

Dirigido a

Este curso está dirigido a programadores y analistas web que quieran conocer como se crean SPAs con la librería de React y que otras librerías se suelen usar junto a ella.

Requisitos previos

Los alumnos necesitarán tener experiencia y conocimientos consolidados de HTML, CSS y JavaScript para superar con éxito el curso.

Objetivos

Comprender los conceptos fundamentales de React, incluyendo JSX, componentes y el flujo de datos unidireccional.
Crear y gestionar aplicaciones de una sola página (SPA) utilizando React.
Desarrollar aplicaciones interactivas mediante la manipulación del estado, eventos y formularios.
Implementar prácticas avanzadas como Redux, Hooks y el Context API para mejorar la gestión del estado y el rendimiento.
Adquirir habilidades para manejar el enrutamiento y la estructura de componentes en aplicaciones React complejas.

Pedir más Información

Volver a Pronoide

Contenido

Introducción a React
1. ¿Qué son MV* y las SPA (aplicaciones de una sola página)?
2. Diferencias entre los frameworks MV* y React
3. Comparativa entre React y bibliotecas como jQuery o marcos como Backbone.js
4. Visión general de React
Fundamentos de React
1. Creación de proyectos con React:
  1. Desde cero
  2. Usando Vite
2. Virtual DOM:
  1. Introducción y funcionamiento
  2. Detección de cambios y actualización eficiente
  3. Flujo de datos unidireccional
3. JSX:
  1. Qué es JSX y su relación con JavaScript
  2. Expresiones y atributos HTML en JSX
4. Componentes:
  1. Definición, creación y renderizado de componentes
  2. Propiedades y composición de componentes
  3. Manejo del estado y ciclo de vida de los componentes
5. Manejo de eventos:
  1. Eventos DOM y su manejo en React
  2. Creación de eventos personalizados
6. Formularios:
  1. Componentes controlados y no controlados
  2. Uso de Refs para acceder a elementos del DOM
React Hooks
1. Uso de useState, useEffect y otros hooks esenciales
2. Creación de tus propios hooks
React Avanzado
1. Fragments para agrupar componentes sin agregar nodos extra al DOM
2. Context API para compartir datos entre componentes sin pasar props manualmente
3. Higher Order Components (HOC) para reutilizar lógica de componentes
4. Portals
Enrutamiento en React
1. Introducción al enrutamiento en aplicaciones React
2. Manejo de rutas con React Router
Gestión del Estado con Redux
1. Introducción a Redux y su flujo de trabajo
2. Creación de acciones (Dispatchers) y manejo del estado
3. Configuración de un almacén (Store) y su integración en React
4. Conexión de vistas con el estado global usando Redux