DESARROLLO WEB CON REACT: CREACIÓN DE APLICACIONES INTERACTIVAS E INNOVADORAS

Curso de Desarrollo Web con React: Creación de Aplicaciones Interactivas e Innovadoras

El objetivo de este curso es enseñar a los participantes a construir aplicaciones web con React que cumplan con estándares de calidad y buenas prácticas en el desarrollo de software. Los participantes aprenderán a desarrollar aplicaciones de cierta complejidad y estarán listos para emprender proyectos más avanzados de manera independiente. Este curso está destinado a entidades de formación que deseen ofrecer a sus estudiantes una capacitación integral en el desarrollo web con React.

Contenidos clave

• Introducción a React
• Fundamentos de React
• Gestión de estado en React
• Trabajo con formularios
• Estilización y diseño
• Despliegue y hospedaje
• Optimización y rendimiento
• Gestión de estado avanzada y depuración

Objetivos

Construir aplicaciones web con React que cumplan con estándares de calidad y buenas prácticas en el desarrollo de software.
Desarrollar aplicaciones de cierta complejidad y estar listo para emprender proyectos más avanzados de manera independiente.
Incorporar React a tu conjunto de habilidades de programación, mejorando tu perfil profesional y tus oportunidades en el mercado laboral.

Índice

1. INTRODUCCIÓN A REACT
1.1 ¿Qué es React y por qué es importante?
1.2 Instalación y configuración del entorno de desarrollo
1.3 Mi primera aplicación React

2. FUNDAMENTOS DE REACT
2.1 Componentes
2.2 JSX
2.3 Props
2.4 Ciclo de vida de los componentes

3. GESTIÓN DE ESTADO EN REACT
3.1 UseState
3.2 UseEffect
3.3 UseContext
3.4 UseReducer

4. GESTIÓN DE ESTADO EN REACT
4.1 UseState
4.2 UseEffect
4.3 UseContext
4.4 UseReducer

5. TRABAJO CON FORMULARIOS
5.1 Formularios controlados vs no controlados
5.2 Inputs de formularios
5.3 Validación de formularios
5.4 Validación de formulario Avanzado
5.5 Formik

6. TRABAJO CON FORMULARIOS
6.1 Formularios controlados vs no controlados
6.2 Inputs de formularios
6.3 Validación de formularios
6.4 Validación de formulario Avanzado
6.5 Formik

7. ESTILIZACIÓN Y DISEÑO
7.1 Aplicar CSS
7.2 Librería de estilos Styled Components

8. DESPLIEGUE Y HOSPEDAJE
8.1 Vite
8.2 Empaquetado y estructura de carpetas al hacer un build con vite
8.3 Simular servidor de producción

9. OPTIMIZACIÓN Y RENDIMIENTO
9.1 React Memo
9.2 PureComponent
9.3 Uso eficiente de Hooks
9.4 Lazy loading y Suspense

10. GESTIÓN DE ESTADO AVANZADA Y DEPURACIÓN
10.1 Redux y su ecosistema
10.2 Redux toolkit
10.3 Uso de React DevTools