React JS Desde Cero | Curso Gratuito
por Rafa Tárrega
Introducción a React desde cero: entorno de trabajo, JSX, props, estados, Hooks y React Router, con un proyecto que consume una API externa.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Rafa Tárrega (1 h 51 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas sin experiencia previa en React que quieren una primera toma de contacto práctica con la librería.
- Nivel
- Principiante
- Duración
- 1 h 51 min · 30 lecciones
- Precio
- Gratis en Udemy
- Autor
- Rafa Tárrega
- Plan sugerido
- 2 sem. · 3 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Introducción compacta y práctica a React para principiantes, que combina entorno, teoría y un proyecto con API externa. Es adecuada como primer paso, aunque breve; conviene verificar las versiones por la falta de fecha.
Puntos fuertes
- Parte de cero e incluye la preparación del entorno.
- Combina teoría con un proyecto real que consume una API.
- Cubre React Router DOM v6 y Hooks, temas habituales en un primer contacto con React.
- Estructura clara en 30 lecciones y unas 2 horas.
A tener en cuenta
- No consta el año de publicación, así que conviene comprobar que las versiones coincidan con las actuales.
- Con unas 2 horas, es solo una introducción y no profundiza en temas avanzados.
- La descripción no menciona ejercicios adicionales aparte del proyecto.
De qué trata
Curso introductorio de React JS de unas 2 horas y 30 lecciones, pensado para quienes empiezan sin base previa. Se organiza en tres bloques: la preparación del entorno de trabajo (editor de código con extensiones, Node JS, Yarn y cuenta de GitHub), una introducción teórica y un proyecto final.
En la parte teórica explica qué es React y sus ventajas, la estructura de los proyectos, JSX, props, estados, los Hooks useState y useEffect, React Router DOM v6 (también dinámico), React Developer Tools y ternarios. El proyecto aplica lo visto haciendo peticiones a una API externa para mostrar datos en la aplicación.
- Preparación del entorno: editor, Node JS, Yarn y GitHub
- JSX, componentes, props y estados
- Hooks useState y useEffect
- React Router DOM v6, incluido el dinámico
- Proyecto con peticiones a una API externa
Para quién es este curso
- Personas sin experiencia previa en React que quieren una primera toma de contacto práctica con la librería.
- Quienes prefieren aprender construyendo un proyecto que consume una API externa.
- Autodidactas que también necesitan preparar su entorno (editor, Node JS, Yarn, GitHub) desde cero.
Mejor busca otro si…
- Quien ya domina los Hooks básicos y React Router y busca temas avanzados.
- Quien necesite aprender JavaScript desde cero: el curso es una introducción a React, no a JavaScript.
Antes de empezar
- No exige conocimientos previos según la descripción; solo paciencia y ganas de aprender.
Qué sabrás hacer al terminar
- Entender qué es React y cuáles son sus ventajas.
- Preparar el entorno de trabajo con editor, Node JS, Yarn y una cuenta de GitHub.
- Usar JSX, props, estados y los Hooks useState y useEffect.
- Configurar rutas con React Router DOM v6, incluidas las dinámicas.
- Hacer peticiones a una API externa y mostrar los datos en una aplicación.
- Subir un proyecto a GitHub.
Estructura del curso
- 01
Preparando nuestro entorno de trabajo
Configuración del editor de código con sus extensiones, instalación de Node JS y Yarn, y creación y configuración de una cuenta de GitHub.
- 02
Introducción
Teoría de React: qué es y sus ventajas, estructura de los proyectos, JSX, componentes, props, estados, Hooks (useState, useEffect), React Router DOM y su versión dinámica, React Developer Tools y ternarios.
- 03
Proyecto aplicando lo visto anteriormente
Proyecto real que realiza peticiones a una API externa para recuperar datos y mostrarlos, aplicando gran parte de lo visto en la teoría.
Capítulos del vídeo
- 01Preparando nuestro entorno de trabajo
- 02Introducción
- 03Proyecto aplicando lo visto anteriormente
Plan de estudio sugerido
2 semanas · unas 3 h por semana
- 1.Semana 1, sesión 1: capítulo de entorno de trabajo; instala todo y comprueba que puedes crear una app.
- 2.Semana 1, sesión 2: capítulo Introducción (primera mitad); practica JSX, componentes y props con ejemplos propios.
- 3.Semana 2, sesión 1: resto de la Introducción; experimenta con useState, useEffect y rutas.
- 4.Semana 2, sesión 2: proyecto final; constrúyelo a la vez y súbelo a GitHub.
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 instructor en lugar de solo mirar, sobre todo en el proyecto final.
- Si las versiones de Node o de las dependencias difieren, comprueba la documentación oficial por si cambió algo.
- Tras el proyecto, añade una función propia, como un buscador o una ruta nueva, para consolidar Hooks y rutas.
- Usa React Developer Tools mientras avanzas para ver cómo cambian estados y props.
Antes y después de este curso
- AlternativaCURSO REACT.JS - Aprende desde ceroOtro curso de React desde cero en español, útil para comparar enfoques.
- Después de este cursoReact - Curso COMPLETO desde 0 🚀 Paso a paso y con ejemplos ⚛Curso completo de React que sirve para profundizar tras esta introducción.
- Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Refuerza los fundamentos de JavaScript sobre los que se apoya React.
Cómo lo presenta Rafa Tárrega
Aprende y aplica la teoría sobre un PROYECTO REAL | Hooks, Componentes, Estados, Props, DOM y mucho más
Este curso es una introducción a React JS para que comiences a familiarizarte con una de las librerías más usadas de Javascript. Te mostraré qué es React, todas sus ventajas y porque debes empezar a aprender con ello. También veremos los nuevos Hooks de React, useState, useEffect, React Router…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber React o programar antes?
No. La descripción indica que no es obligatorio tener una base previa y que se configura todo paso a paso. Conocer algo de JavaScript puede facilitar el seguimiento.
+¿Cuánto dura?
Unos 111 minutos repartidos en 30 lecciones. Con pausas y práctica, puede completarse en unas dos semanas a un ritmo de unas 3 horas semanales.
+¿Qué temas incluye?
Hooks (useState, useEffect), JSX, props, estados, React Router DOM v6, peticiones a APIs externas, React Developer Tools, ternarios y subir proyectos a GitHub.
+¿Qué estudiar después?
Puedes seguir con un curso de React más extenso del catálogo para profundizar y practicar con más proyectos.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Rafa Tárrega; 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.