React

Modalidad: Semestral Carga Horaria: 3 hs/semanales Duraci贸n Total Estimada: 24 Semanas

Objetivo General

Formar al estudiante en los fundamentos y pr谩cticas del desarrollo de interfaces web modernas utilizando React. Al finalizar, el alumno ser谩 capaz de crear aplicaciones interactivas, modulares y eficientes, aplicando principios de componentes, estado, enrutamiento, comunicaci贸n con servicios externos y despliegue en entornos productivos.

1 M贸dulo 1: Fundamentos de React y Entorno de Trabajo

Principios base de React: JSX, componentes y estructura del proyecto.

Contenidos Clave (Semanas 1-4)

  • Introducci贸n al desarrollo con React.
  • Filosof铆a y ventajas del enfoque basado en componentes.
  • Estructura y organizaci贸n de un proyecto React.
  • Concepto de JSX y renderizado din谩mico.
  • Componentes funcionales y props.
  • Introducci贸n al flujo de datos y reactividad.

2 M贸dulo 2: Estado, Eventos y Ciclo de Vida

Gesti贸n del estado, hooks iniciales y actualizaciones de la UI.

Contenidos Clave (Semanas 5-8)

  • Estado interno y manejo de datos din谩micos.
  • Hooks fundamentales para gesti贸n de estado y efectos.
  • Eventos y manejo de interacciones del usuario.
  • Renderizado condicional y listas din谩micas.
  • Principios del ciclo de vida de los componentes.
  • Buenas pr谩cticas en la actualizaci贸n del estado.

3 M贸dulo 3: Comunicaci贸n entre Componentes y Contexto

Jerarqu铆a, props, estado global y organizaci贸n modular.

Contenidos Clave (Semanas 9-12)

  • Flujo de datos y comunicaci贸n entre componentes.
  • Props drilling y estrategias de simplificaci贸n.
  • Patr贸n de elevaci贸n del estado.
  • Context API: creaci贸n, consumo y actualizaci贸n.
  • Organizaci贸n modular del c贸digo.
  • Buenas pr谩cticas de estructura de componentes.

4 M贸dulo 4: Navegaci贸n, Formularios y Validaciones

Rutas, navegaci贸n, manejo de formularios y UX en entradas.

Contenidos Clave (Semanas 13-16)

  • Enrutamiento y navegaci贸n entre p谩ginas.
  • Par谩metros de ruta y rutas protegidas.
  • Formularios controlados y no controlados.
  • Validaci贸n de datos en formularios.
  • Manejo de errores y mensajes al usuario.
  • Experiencia de usuario en flujos de entrada.

5 M贸dulo 5: Integraci贸n con APIs y Manejo Asincr贸nico

Peticiones, estados de carga/error y hooks personalizados.

Contenidos Clave (Semanas 17-20)

  • Concepto de consumo de APIs en React.
  • Peticiones as铆ncronas y promesas.
  • Manejo de estados de carga y error.
  • Representaci贸n de datos externos en componentes.
  • Hooks personalizados para l贸gica reutilizable.
  • Buenas pr谩cticas en integraci贸n con servicios.

6 M贸dulo 6: Optimizaci贸n, Despliegue y Buenas Pr谩cticas

Performance, compilaci贸n y publicaci贸n profesional.

Contenidos Clave (Semanas 21-24)

  • Optimizaci贸n del rendimiento y renderizado eficiente.
  • Fragmentos, memoizaci贸n y lazy loading.
  • Manejo de errores globales.
  • Preparaci贸n del entorno de producci贸n.
  • Despliegue y publicaci贸n en la web.
  • Buenas pr谩cticas y est谩ndares profesionales.