Curso en línea gratuitoReact desde Cero a Experto: Hooks, Testing y MERN
Duración del curso en línea: 10 horas y 22 minutos
Nuevo
Domina React y crea apps modernas con Hooks, testing y proyectos reales. Curso online gratis para impulsar tu perfil frontend y practicar con JavaScript.
En este curso gratuito, aprenda sobre
Configurar entorno React: instalaciones, CRA vs Vite, estructura de carpetas y package-lock.json
Qué es React, JSX y por qué Babel transforma JSX (uso de type="text/babel" al incrustarlo en HTML)
Bases de JS moderno para React: let/const, template strings, objetos, arrays, funciones flecha
Inmutabilidad: clonado superficial de objetos/arrays y evitar mutaciones al manejar estado
Desestructuración de objetos y arreglos; patrones comunes (ignorar elementos, obtener el 2º, etc.)
Módulos ES: import/export, export default vs nombrados y cómo combinarlos al importar
Asincronía: Promesas, Fetch API, response.json(), async/await y manejo de errores
Render condicional en React/JS: ternario y patrón corto con && para mostrar solo si se cumple
Componentes React y estado: qué es un componente, qué es el state y cómo se actualiza
Props: comunicación padre-hijo, PropTypes, defaultProps y buenas prácticas de validación
Eventos y hooks: onClick, useState, lógica de CounterApp (incrementar, restar, resetear)
Testing con Jest/Testing Library: unitarias vs integración, --watch, expect/toBe/toEqual
Pruebas de React: snapshots, queries con screen, getByTestId y simulación de clicks
Aprende a crear aplicaciones web modernas con React desde una base sólida, con una ruta pensada para que avances sin lagunas: desde los fundamentos de JavaScript que más se usan en proyectos reales, hasta la construcción de componentes reutilizables y el manejo de estado con Hooks.
Este curso gratuito está orientado a quienes quieren pasar de entender la teoría a desarrollar con criterio profesional. Trabajarás con las dos formas más comunes de iniciar proyectos (entornos tipo Create React App y alternativas modernas como Vite), entendiendo la estructura de carpetas, dependencias y buenas prácticas para organizar tu código desde el primer día.
A lo largo del recorrido te enfocarás en el día a día del desarrollo frontend: crear componentes, comunicar datos con props, aplicar estilos, renderizar contenido de forma condicional y construir interfaces que responden a eventos del usuario. Además, aprenderás a evitar errores típicos al manejar datos y estado, aplicando patrones que favorecen la legibilidad y el mantenimiento.
Un diferencial clave es el enfoque en calidad. Te introducirás a pruebas unitarias e integración con herramientas habituales del ecosistema, para validar funciones y componentes de manera confiable. Esto te ayudará a mejorar la estabilidad de tus proyectos, refactorizar con más seguridad y adoptar una mentalidad de desarrollo más profesional.
También desarrollarás una aplicación práctica que conecta con una API para traer información y renderizarla en pantalla, utilizando efectos y un custom Hook para encapsular la lógica de la petición. Esta forma de estructurar la app te permitirá reutilizar código, separar responsabilidades y escalar funcionalidades sin complicaciones.
Al finalizar, tendrás una visión completa de cómo se trabaja con React en entornos actuales: configuración, creación de proyectos, componentes, Hooks, consumo de APIs y testing. Una oportunidad ideal para reforzar tu perfil en desarrollo web, preparar proyectos de portafolio y dar el siguiente paso hacia roles frontend.
Contenido del curso
Lección en vídeo: React con Javascript: de Cero a Experto (Hooks y MERN) - Video Promocional01m
Ejercicio: ¿Cuál es uno de los objetivos principales del curso de React de 0 a experto?
Lección en vídeo: [S1/L01] React: de Cero a Experto (Hooks y MERN) - Introducción al curso01m
Lección en vídeo: [S1/L02] React: de Cero a Experto (Hooks y MERN) - ¿Cómo funcionará el curso?03m
Ejercicio: ¿Cuál es el patrón recomendado para avanzar en el curso y aprovechar mejor las secciones de pruebas y nuevas aplicaciones?
Lección en vídeo: [S1/L03] React: de Cero a Experto (Hooks y MERN) - Instalaciones necesarias y recomendadas09m
Lección en vídeo: [S2/L00] React: de Cero a Experto (Hooks y MERN) - Introducción y temas puntuales de la Sección 201m
Ejercicio: ¿Cuál es el objetivo principal de la sección 2 del curso?
Lección en vídeo: [S2/L01] React: de Cero a Experto (Hooks y MERN) - ¿Qué es React?04m
Lección en vídeo: [S2/L02] React: de Cero a Experto (Hooks y MERN) - Primeros pasos en React08m
