cursos.
← Programación
Ficha 005.289YouTubeGRATIS

CURSO de REACT desde cero 2025 – Aprende React Desde Cero

por rocoDev

Introduce React desde cero: entorno, componentes, JSX, props, eventos, useState, useEffect y formularios, aplicados a una aplicación de notas con edición y eliminación.

Recomendado, valoración editorial 4 de 5

verificado 2026-09-14 — sigue siendo gratis en YouTube

Empezar en YouTube

Respuesta rápida

Curso gratis de Programación de nivel principiante en YouTube impartido por rocoDev (2 h 52 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 14 de septiembre de 2026.

Veredicto
4/5 · Recomendado
Para quién
Personas sin experiencia previa en frameworks que quieren dar sus primeros pasos con React.
Nivel
Principiante
Duración
2 h 52 min · 16 capítulos
Precio
Gratis en YouTube
Autor
rocoDev
Publicado
2025
Plan sugerido
2 sem. · 5 h/sem.
Verificado
el 14 de septiembre de 2026

Nuestro veredicto

Recomendado, valoración editorial 4 de 5

Curso introductorio compacto y bien estructurado que lleva de la preparación del entorno a una aplicación de notas funcional. Es una buena primera toma de contacto con React para quien ya conoce lo básico de la web.

Puntos fuertes

  • Progresión clara de conceptos básicos a una aplicación práctica.
  • Capítulos bien delimitados con marcas de tiempo.
  • Publicación reciente (2025) para un tema que evoluciona con rapidez.

A tener en cuenta

  • La descripción no detalla versiones ni herramientas concretas.
  • Con unas 3 horas, cubre solo las bases de React.
  • La descripción no menciona ejercicios propuestos más allá del proyecto.

De qué trata

Curso gratuito de React de unas tres horas organizado en 16 capítulos. Empieza con la introducción y la preparación del entorno de desarrollo, y continúa con componentes y sintaxis JSX, props, eventos, el hook useState, estilos, useEffect y formularios.

La parte final es práctica: se añade una librería de iconos y se construyen las funcionalidades de una aplicación de notas (eliminar, editar y marcar como completa), antes de cerrar con unas consideraciones finales.

  • Preparación del entorno de desarrollo
  • Componentes, JSX y props
  • Hooks useState y useEffect
  • Formularios y estilos en React
  • Aplicación de notas: eliminar, editar, completar

Para quién es este curso

  • Personas sin experiencia previa en frameworks que quieren dar sus primeros pasos con React.
  • Quienes ya conocen algo de HTML, CSS y JavaScript y buscan un proyecto práctico sencillo para aplicar React.
  • Autodidactas que prefieren aprender construyendo una aplicación de notas paso a paso.

Mejor busca otro si…

  • Quienes ya manejan componentes, props, useState y useEffect y buscan temas avanzados.
  • Quienes necesitan aprender JavaScript, HTML o CSS desde cero: conviene verlos antes.

Antes de empezar

  • Nociones básicas de HTML, CSS y JavaScript (la descripción enlaza cursos previos de estos temas).

Qué sabrás hacer al terminar

  • Preparar un entorno de desarrollo para trabajar con React.
  • Crear componentes con sintaxis JSX y pasarles datos mediante props.
  • Gestionar eventos y estado con el hook useState y efectos con useEffect.
  • Construir formularios y aplicar estilos en una aplicación React.
  • Implementar las funciones de eliminar, editar y marcar como completa una nota.

Estructura del curso

  1. 01

    Introducción y entorno

    Bienvenida, presentación del curso y preparación del entorno de desarrollo. Desde 0:00; el entorno empieza en 8:14.

  2. 02

    Fundamentos: componentes, JSX y props

    Componentes y sintaxis JSX desde 32:04 y props desde 48:13.

  3. 03

    Eventos, estado y estilos

    Eventos (1:03:29), hook useState (1:13:08), eventos y renderizado (1:23:38) y estilos en React (1:28:23).

  4. 04

    useEffect y formularios

    Hook useEffect desde 1:41:33 y formularios en React desde 1:51:30.

  5. 05

    Proyecto de notas

    Se añade una librería de iconos (2:03:59) y se implementan eliminar (2:14:01), editar (2:22:28) y marcar como completa una nota (2:41:17).

  6. 06

    Cierre

    Consideraciones finales desde 2:47:36.

Capítulos del vídeo

  1. 0:00Bienvenida
  2. 0:36Introducción
  3. 8:14Preparando entorno de desarrollo
  4. 32:04Componentes y Sintaxis JSX
  5. 48:13Props
  6. 1:03:29Eventos
  7. 1:13:08Hook useState
  8. 1:23:38Eventos y Renderizado
  9. 1:28:23Estilos en React
  10. 1:41:33useEffect
  11. 1:51:30Formularios en React
  12. 2:03:59Agregando librería de iconos
Ver los 4 restantes
  1. 2:14:01Eliminar una nota (Funcionalidad)
  2. 2:22:28Editar una nota (Funcionalidad)
  3. 2:41:17Marcar como completa una nota (Funcionalidad)
  4. 2:47:36Consideraciones Finales

Plan de estudio sugerido

2 semanas · unas 5 h por semana

  1. 1.Sesión 1: capítulos 0:00 a 32:04; prepara el entorno y comprueba que funciona.
  2. 2.Sesión 2: componentes, JSX y props (32:04 a 1:03:29); crea componentes propios.
  3. 3.Sesión 3: eventos, useState y estilos (1:03:29 a 1:41:33); practica con contadores sencillos.
  4. 4.Sesión 4: useEffect y formularios (1:41:33 a 2:03:59).
  5. 5.Sesión 5: proyecto de notas (2:03:59 a 2:47:36); intenta adelantarte a cada función antes de verla.

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 capítulo del entorno (8:14) con calma: es largo y de él depende el resto.
  • Escribe el código tú mismo y pausa al terminar cada concepto antes de pasar al siguiente.
  • Antes de ver cada funcionalidad de notas (eliminar, editar, completar), intenta implementarla tú y compara.
  • Repasa useState y eventos antes de abordar el proyecto final.

Antes y después de este curso

Cómo lo presenta rocoDev

¿Querés aprender React de forma clara, práctica y desde cero? Este curso gratuito está pensado para que cualquier persona, incluso sin experiencia previa en frameworks, pueda dominar las bases de React

🟡Curso para aprender Javascript inicial

🔴SUSCRIBETE a mi canal si te sirvió este contenido :

😁Redes sociales: GMAIL: [email protected] TIKTOK:

Documentación del tema tratado en…

Extracto de la descripción original en YouTube.

Preguntas frecuentes

+¿Necesito experiencia previa?

La descripción indica que es apto para personas sin experiencia en frameworks. Aun así, conviene tener nociones de HTML, CSS y JavaScript.

+¿Cuánto dura?

Unos 172 minutos en 16 capítulos. Con pausas y práctica, cuenta con unas 5-6 horas repartidas en dos semanas.

+¿Qué construyes?

Una aplicación de notas con funciones para eliminar, editar y marcar notas como completas.

+¿Está actualizado?

Se publicó en 2025, por lo que es reciente respecto a 2026.

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 rocoDev; si ves algún error, avísanos.

Guías para sacarle partido