Objetivo General

Aprender a desarrollar aplicaciones frontend utilizando React. Dominar el uso de componentes y estados en React. Implementar buenas prácticas de programación

Descargar Ficha PDF Cotizar

Objetivos Específicos

         Desarrollar aplicaciones interactivas con React.
         Aprender a tilizar hooks y context API para gestionar estados.
         Integrar React con otras tecnologías y herramientas

Módulo 1: Introducción a React

        Conceptos básicos de React
        Configuración del entorno de desarrollo
        Creación de un proyecto con Create React App
        Estructura de un componente en React
        JSX y elementos de React

Módulo 2: Componentes y Props

        Definición y uso de componentes
        Comunicación entre componentes con props
        Componentes funcionales y de clase
        Ciclo de vida de los componentes
        Reutilización de componentes

Módulo 3: Estado y Eventos

        Gestión del estado en React
        Manejo de eventos en componentes
        Hooks: useState y useEffect
        Formularios y control de inputs
        Renderizado condicional y listas

Módulo 4: Enrutamiento en React

        Configuración de React Router
        Definición de rutas y navegación
        Parámetros y rutas dinámicas
        Anidación de rutas
        Navegación programática

Módulo 5: Gestión de Estado Avanzada

        Context API para manejo de estados globales
        Hooks personalizados
        Redux: Principios y configuración
        Acciones, reductores y el store
        Integración de Redux con React

Módulo 6: Consumo de APIs

        Fetch y Axios para peticiones HTTP
        Manejo de promesas y asincronía
        Integración con backend
        Manejo de errores y loading states
        Almacenamiento y cache de datos

Módulo 7: Optimización y Buenas Prácticas

        Optimización del rendimiento en React
        Lazy loading y Suspense
        Code splitting y Webpack
        Testing con Jest y React Testing Library
        Mejores prácticas de desarrollo en React