Curso libreTecnología y desarrollo de software
Desarrollo de interfaces con React
El curso Desarrollo de interfaces con React proporciona al estudiante las bases prácticas para construir interfaces web modernas con componentes, props y hooks, consumir API con manejo de carga y error, configurar rutas con React Router, dar estilos con Tailwind CSS y publicar la aplicación usando Vite como entorno de desarrollo.
A quién va dirigido
Personas que conozcan HTML, CSS y JavaScript moderno.
Objetivos
✓Comprender el modelo de componentes de React, JSX, props y la creación de proyectos con Vite.
✓Analizar el flujo de datos entre componentes: estado con useState, elevación del estado y contexto con useContext.
✓Aplicar useEffect y fetch para consumir API, manejando estados de carga y error y creando hooks personalizados.
✓Diseñar una aplicación de varias vistas con React Router y Tailwind CSS, lista para compilación de producción.
✓Evaluar la calidad, mantenibilidad y experiencia de uso de una aplicación React publicada en hosting estático.
Plan de estudios por sesión
1
Componentes en React con ViteJSX, props, listas y claves · Renderizado condicional
2
Estado y eventosuseState, eventos y formularios controlados · Elevar el estado y useContext
3
Datos y efectosuseEffect y consumo de API con fetch · Estados de carga y error; hooks personalizados
4
Rutas, publicación y presentación del proyecto finalReact Router, estilos con Tailwind CSS y compilación de producción · Sustentación de la aplicación publicada que consume una API pública
Evaluación
Inicial30%Ejercicio de componentes con JSX, props, listas con claves y renderizado condicional en un proyecto Vite.
Intermedio30%Taller de formulario controlado con estado compartido y consumo de una API con useEffect, manejo de carga y error.
Final40%Proyecto final: aplicación React de varias vistas que consume una API pública, publicada en hosting estático y sustentada.
Proyecto final
Aplicación React de varias vistas que consuma una API pública, publicada en un servicio de hosting estático.