Aprende React ahora! curso completo para crear aplicaciones
por HolaMundo
Curso de React que va de los conceptos básicos a componentes, props, estado, eventos, renderizado condicional y estilos, con dos ejercicios prácticos.
Recomendado, valoración editorial 4 de 5
verificado 2026-09-09 — sigue siendo gratis en YouTube
Empezar en YouTubeRespuesta rápida
Curso gratis de Programación en YouTube impartido por HolaMundo (2 h 32 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 9 de septiembre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que ya conocen lo básico de JavaScript y quieren empezar con React de forma práctica.
- Duración
- 2 h 32 min · 34 capítulos
- Precio
- Gratis en YouTube
- Autor
- HolaMundo
- Publicado
- 2024
- Plan sugerido
- 2 sem. · 4 h/sem.
- Verificado
- el 9 de septiembre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso de React compacto y bien estructurado, con capítulos claros, dos ejercicios y un recorrido lógico desde la instalación hasta los estilos. Ideal como primer contacto con React para quien ya conoce JavaScript.
Puntos fuertes
- Capítulos detallados y bien agrupados en tres bloques con progresión clara.
- Incluye dos ejercicios prácticos dentro del propio vídeo.
- Duración contenida que permite completarlo en pocos días.
A tener en cuenta
- Al ser un curso de unas 2,5 horas, cubre fundamentos y no temas más avanzados.
- Publicado en 2024: conviene comprobar si las versiones de las herramientas han cambiado.
- La descripción contiene sobre todo enlaces y promoción, con poco detalle del contenido.
De qué trata
Curso de React de unas 2 horas y media organizado en 34 capítulos y tres bloques. La introducción explica qué es React, los requisitos, cómo configurar el entorno, crear una aplicación y entender la estructura del proyecto.
El bloque de componentes cubre Bootstrap, el componente Card, fragments, props, children, listas, eventos, estado, funciones como props, diferencia entre state y props, renderizado condicional y React Developer Tools. Incluye dos ejercicios: un botón de carga y un gestor de minions. El último bloque trata los estilos: inline, CSS, módulos de CSS, CSS en JavaScript y bibliotecas populares.
- Props, children y paso de funciones como props
- Gestión de eventos y de estado
- Renderizado condicional y listas
- Estilos: CSS, módulos y CSS en JavaScript
- Ejercicios: botón de carga y gestor de minions
Para quién es este curso
- Personas que ya conocen lo básico de JavaScript y quieren empezar con React de forma práctica.
- Quienes buscan una introducción compacta (unas 2,5 horas) a componentes, estado y estilos en React.
Mejor busca otro si…
- Quienes ya manejan props, estado y estilos en React y buscan temas avanzados.
- Quienes necesiten aprender JavaScript desde cero: el curso se centra en React.
Antes de empezar
- El propio curso incluye un capítulo de requisitos (1:55); conviene verlo antes de decidir si estás preparado.
Qué sabrás hacer al terminar
- Crear una aplicación React y entender la estructura de su proyecto.
- Construir componentes reutilizables usando props, children y fragments.
- Gestionar eventos y estado, y distinguir entre state y props.
- Aplicar renderizado condicional y mostrar listas de datos.
- Dar estilo a componentes con CSS, módulos de CSS y CSS en JavaScript.
Estructura del curso
- 01
Introducción y puesta en marcha
Desde 0:00. Motivación, temario, requisitos, qué es React, configuración del entorno, creación de una app, estructura del proyecto, componentes y cómo funciona.
- 02
Componentes: base y props
Desde 33:19. Bootstrap, componente Card, fragments, paso de props, múltiples props y children.
- 03
Listas, eventos y estado
Desde 1:00:08. Impresión de listas, gestión de eventos y de estado, funciones como props y diferencia entre state y props.
- 04
Renderizado condicional, herramientas y ejercicios
Desde 1:29:52. Truthy y falsy, renderizado condicional, React Developer Tools y dos ejercicios: botón de carga (1:42:25) y gestor de minions (1:51:12).
- 05
Estilos
Desde 1:57:18. Inline style, estructura de directorios, CSS, módulos de CSS, CSS en JavaScript y bibliotecas populares. Cierre desde 2:31:31.
Capítulos del vídeo
- 0:00Por qué aprender React?
- 0:33Temario
- 1:55Requisitos
- 4:14Qué es React?
- 9:56Configurando ambiente de trabajo
- 13:26Creando una app
- 17:49Estructura del proyecto
- 21:45Componentes en React
- 29:08Como funciona?
- 33:19Introducción
- 34:03Bootstrap
- 37:24Componente Card
Ver los 22 restantes
- 43:54Fragments
- 47:39Pasando props
- 52:57Múltiples props
- 56:40Children
- 1:00:08Imprimir listas
- 1:07:14Gestión de eventos
- 1:14:10Gestión de estado
- 1:22:13Funciones como props
- 1:27:51State VS Props
- 1:29:52Truthy y falsy en React
- 1:34:14Renderizado condicional
- 1:39:03React Developer Tools
- 1:42:25Ejercicio - botón de carga
- 1:51:12Ejercicio - Gestor de minions
- 1:57:18Introducción
- 1:57:58Inline Style
- 2:00:28Estructura de directorios
- 2:03:27CSS
- 2:06:29Módulos de CSS
- 2:12:59CSS en JavaScript
- 2:22:16Bibliotecas populares
- 2:31:31Agradecimientos y como seguir
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Sesión 1: capítulos 0:00–33:19. Crea la app y explora la estructura del proyecto.
- 2.Sesión 2: 33:19–1:07:14. Practica componentes, props y children con tu propio Card.
- 3.Sesión 3: 1:07:14–1:39:03. Practica eventos, estado y renderizado condicional.
- 4.Sesión 4: 1:39:03–1:57:18. Haz los dos ejercicios e intenta resolverlos antes de ver la solución.
- 5.Sesión 5: 1:57:18–final. Prueba las distintas formas de estilar un mismo componente.
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
- Sigue el curso con el editor abierto y escribe el código tú mismo en lugar de solo mirar.
- Pausa en los ejercicios (1:42:25 y 1:51:12) e intenta resolverlos antes de ver la solución.
- Repasa 'State VS Props' (1:27:51) tras el bloque de estado, es una distinción clave.
- Al llegar a estilos, aplica CSS, módulos y CSS en JavaScript al mismo componente para comparar.
Antes y después de este curso
- Antes de este cursoAprende JavaScript - Curso Completo Desde CeroRefuerza los fundamentos de JavaScript sobre los que se construye React.
- Después de este cursoReact - Curso COMPLETO desde 0 🚀 Paso a paso y con ejemplos ⚛Curso de React más extenso para profundizar tras esta introducción.
- AlternativaReact Course - 10 Hours (freeCodeCamp)Curso de React mucho más largo, en inglés, para ir más a fondo.
Cómo lo presenta HolaMundo
Accede a todos mis cursos aquí y obtén un 10% de descuento para siempre en la suscripción con el cupón 'off10":
Mi música libre de copyright para estudiar, youtube y twitch: En Spotify: En Apple Music:
Cursos gratuitos: Curso gratuito de GIT: Curso gratuito de HTML: Curso gratuito de CSS: Curso gratuito de SQL: Curso gratuito de Docker: Curso gratuito programación: Curso gratuito de VSCode:
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Cuánto dura el curso?
Dura unos 152 minutos (2 h 32 min) y tiene 34 capítulos. Con pausas y práctica, puede completarse en unas dos semanas a un ritmo de 4 horas semanales.
+¿Incluye ejercicios?
Sí, incluye dos ejercicios dentro del vídeo: un botón de carga (1:42:25) y un gestor de minions (1:51:12).
+¿Qué temas de estilos cubre?
Cubre inline style, CSS, módulos de CSS, CSS en JavaScript, estructura de directorios y una revisión de bibliotecas populares.
+¿Qué necesito saber antes?
El curso tiene un capítulo de requisitos en el minuto 1:55. Revísalo al empezar para comprobar si tienes la base necesaria.
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 HolaMundo; 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.