Curso de React desde cero — crea una app paso a paso
por Miguel Ángel Durán (midudev)
Curso de React desde cero en el que se construye una app de búsqueda de GIFs con la API de Giphy, pasando por hooks, contexto, rendimiento, tests, SEO, despliegue y estilos.
Recomendado, valoración editorial 4 de 5
verificado 2026-09-08 — sigue siendo gratis en YouTube
Empezar en YouTubeRespuesta rápida
Curso gratis de Programación de nivel principiante en YouTube impartido por Miguel Ángel Durán (midudev) (19 h). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 8 de septiembre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que quieren aprender React desde cero con un proyecto real y continuo en lugar de ejemplos aislados.
- Nivel
- Principiante
- Duración
- 19 h · 11 lecciones
- Precio
- Gratis en YouTube
- Autor
- Miguel Ángel Durán (midudev)
- Publicado
- 2019
- Plan sugerido
- 5 sem. · 6 h/sem.
- Verificado
- el 8 de septiembre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso extenso y práctico que lleva de los fundamentos de React a temas como tests, rendimiento, despliegue y autenticación en una única app. Es muy útil para quien quiera aprender construyendo, aunque su fecha de 2019 exige contrastar algunas herramientas con las versiones actuales.
Puntos fuertes
- Enfoque práctico: una sola aplicación que crece a lo largo de los 11 vídeos.
- Cubre temas más allá de lo básico: tests, rendimiento, SEO, despliegue y autenticación.
- Amplia duración, unas 19 horas, con una progresión clara.
A tener en cuenta
- Publicado en 2019: React y sus herramientas han cambiado, por ejemplo create-react-app.
- Los datos no mencionan ejercicios propuestos ni material descargable.
- Incluye una sesión en directo, que puede ser menos concisa que un vídeo editado.
De qué trata
Lista de reproducción de 11 vídeos, con unas 19 horas en total, que enseña React desde cero construyendo una aplicación para buscar GIFs con la API de Giphy.
Empieza con componentes, estado y JSX, y crea el proyecto con create-react-app. Después avanza con custom hooks, Context, Lazy Load, Suspense, paginación, CSS Grid, scroll infinito y tests. Más adelante trata React.memo, rendimiento, despliegue con Vercel, SEO, useReducer, login y sesión de usuarios (una de las sesiones es en directo), registro con Formik, portales, favoritos y CSS en JS con Emotion.
- Componentes, estado y JSX con una app de GIFs
- Custom Hooks, Context y useReducer
- Lazy Load, Suspense, paginación y scroll infinito
- Tests, React.memo y rendimiento
- Despliegue con Vercel, SEO y Styled Components
Para quién es este curso
- Personas que quieren aprender React desde cero con un proyecto real y continuo en lugar de ejemplos aislados.
- Quienes ya conocen algo de JavaScript y buscan practicar hooks, Context, tests y despliegue en una misma aplicación.
Mejor busca otro si…
- Quienes necesiten una versión actualizada con las prácticas y herramientas actuales de React, ya que el curso se publicó en 2019.
- Quienes ya dominen hooks, Context y testing en React y solo busquen temas avanzados.
Antes de empezar
- El curso se presenta como «desde cero» en React; conviene tener una base previa de JavaScript, aunque los datos no lo indican expresamente.
Qué sabrás hacer al terminar
- Crear una aplicación React con create-react-app que consuma la API de Giphy
- Crear custom hooks y usar Context para compartir estado global
- Aplicar Lazy Load, Suspense, paginación y scroll infinito
- Escribir tests de componentes y de hooks
- Desplegar la app con Vercel y conectarla con GitHub
- Implementar registro, login, favoritos y estilos con Styled Components y Emotion
Estructura del curso
- 01
Introducción y primera app
Componentes, estado y JSX desde cero, y creación del proyecto con create-react-app para la app de búsqueda de GIFs.
- 02
Hooks, Context y carga diferida
Custom hooks, Context para estado global, Lazy Load, Suspense y paginación.
- 03
Estilos, scroll infinito y tests
CSS Grid, Infinite Scroll y tests en la app.
- 04
Rendimiento, despliegue y SEO
Uso de React.memo, mejoras de rendimiento, despliegue con Vercel, SEO y despliegue integrado con GitHub.
- 05
useReducer y testing de hooks
Uso de useReducer y pruebas de hooks con react-hooks-testing-library.
- 06
Usuarios y favoritos
Login y sesión de usuarios (sesión en directo), registro con Formik, React.createPortal y gestión de favoritos.
- 07
CSS en JS
Styled Components con Emotion aplicados a la aplicación.
Lecciones
- 01Curso REACT JS ⚛️ - Aprende desde CERO 📈 Componentes, State, JSX (Tutorial Desde Cero en Español)
- 02Crea una app con React usando create-react-app
- 03Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS
- 04Lazy Load, Suspense y paginación con React
- 05CSS Grid, Infinite Scroll y Tests en nuestra app de React
- 06Cómo usar React.memo, mejorar el rendimiento y hacer deploy con Vercel de nuestra app de React
- 07SEO con React y Deploy integrado con GitHub
- 08useReducer y tests de hooks con react-hooks-testing-library
- 09Login y Sesión de Usuarios 🔐 para guardar Favoritos ⚛️ [En directo]
- 10Registro de usuario con Formik, React.createPortal y gestión de favoritos en nuestra app de ReactJS
- 11CSS en JS y Styled Components con Emotion y React
Plan de estudio sugerido
5 semanas · unas 6 h por semana
- 1.Semana 1: vídeos 1 y 2. Crea el proyecto y practica componentes, estado y JSX.
- 2.Semana 2: vídeos 3 y 4. Implementa custom hooks, Context, Lazy Load y paginación.
- 3.Semana 3: vídeos 5 y 6. Añade CSS Grid, scroll infinito, tests, React.memo y despliega en Vercel.
- 4.Semana 4: vídeos 7 y 8. Trabaja SEO, despliegue con GitHub, useReducer y tests de hooks.
- 5.Semana 5: vídeos 9 a 11. Construye login, registro, favoritos y estilos con Emotion.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Escribe el código a la vez que el vídeo y haz commits por vídeo para poder volver atrás.
- Pausa en los vídeos de hooks y Context e intenta hacer tú primero la implementación antes de ver la solución.
- Comprueba las versiones de las librerías del curso, porque al ser de 2019 pueden diferir de las actuales.
- Despliega la app pronto con Vercel para ver el efecto de las optimizaciones de rendimiento y SEO.
Antes y después de este curso
- Antes de este cursoAprende JavaScript - Curso Completo Desde CeroRefuerza la base de JavaScript necesaria antes de empezar con React.
- AlternativaReact - Curso COMPLETO desde 0 🚀 Paso a paso y con ejemplos ⚛Otro curso completo de React desde cero en español.
- AlternativaCURSO REACT.JS - Aprende desde ceroOtro curso de React desde cero para principiantes.
Cómo lo presenta Miguel Ángel Durán (midudev)
APRENDE Gratis y desde Cero React.js ⚛️ construyendo una aplicación para buscar Gifs con la API de Giphy 🚀.
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Cuánto dura el curso?
Son 11 vídeos con unas 19 horas en total. Con pausas y práctica, unas 5 semanas a 6 horas semanales es un ritmo razonable.
+¿Qué se construye?
Una aplicación para buscar GIFs con la API de Giphy, a la que se añaden paginación, scroll infinito, tests, login y favoritos.
+¿Está actualizado?
Se publicó en 2019, así que algunas herramientas, como create-react-app, y prácticas pueden haber cambiado. Conviene contrastar con la documentación actual de React.
+¿Hace falta saber React?
No, se presenta como un curso desde cero. Aun así, una base de JavaScript te ayudará a seguirlo.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en YouTube, y revisado según nuestro método. El contenido del curso es obra de Miguel Ángel Durán (midudev); si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.