Curso Básico de React: Proyecto Práctico Paso a Paso
por Juan Ortiz
Introduce los fundamentos de React con Vite: props, estados, hooks, eventos y renderizado condicional, aplicados en una landing page construida paso a paso.
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 Juan Ortiz (1 h 26 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 que empiezan en React y quieren una primera toma de contacto práctica y corta.
- Nivel
- Principiante
- Duración
- 1 h 26 min · 17 lecciones
- Precio
- Gratis en Udemy
- Autor
- Juan Ortiz
- Plan sugerido
- 1 sem. · 3 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Introducción breve y práctica a React con Vite, que termina en una landing page. Es útil como primer contacto o repaso rápido, aunque limitado en profundidad y con poca información de capítulos.
Puntos fuertes
- Duración corta, adecuada para una primera toma de contacto.
- Incluye un proyecto práctico guiado como cierre.
- Usa Vite, herramienta habitual en el desarrollo actual con React.
A tener en cuenta
- Los datos solo muestran un capítulo, así que es difícil saber la duración de cada tema.
- Con 86 minutos solo cubre lo básico.
- No se indica año de publicación; conviene comprobar que las versiones coincidan con las actuales.
- No se mencionan ejercicios aparte del proyecto.
De qué trata
Curso básico de React de unos 86 minutos y 17 lecciones, impartido por Juan Ortiz. Recorre los conceptos esenciales de la biblioteca: props para pasar datos entre componentes, estados, hooks como useState y useEffect, eventos de usuario y renderizado condicional. El entorno de desarrollo se apoya en Vite.
Los conceptos se aplican en un proyecto práctico: la creación de una landing page con React paso a paso, para combinar teoría y práctica. La descripción lo dirige tanto a quienes empiezan en React como a programadores con experiencia en JavaScript.
- Props para pasar datos entre componentes
- Estados y hooks como useState y useEffect
- Eventos: clics y formularios
- Renderizado condicional
- Landing page con React y Vite
Para quién es este curso
- Personas que empiezan en React y quieren una primera toma de contacto práctica y corta.
- Programadores con base en JavaScript que quieren ver React con Vite y un proyecto sencillo.
Mejor busca otro si…
- Quien ya domina props, estado y hooks y busca temas avanzados.
- Quien necesita aprender JavaScript desde cero: el curso se centra en React.
Antes de empezar
- Conocimientos básicos de JavaScript (la descripción lo menciona como perfil, no lo exige expresamente).
Qué sabrás hacer al terminar
- Entender cómo se pasan datos entre componentes con props.
- Gestionar estado interno con useState y usar useEffect.
- Manejar eventos como clics y formularios.
- Aplicar renderizado condicional para mostrar u ocultar contenido.
- Construir una landing page sencilla con React y Vite.
Estructura del curso
- 01
Introducción
Único capítulo indicado en los datos. La descripción menciona después props, estados, hooks, eventos y renderizado condicional, sin horas de inicio por tema.
- 02
Fundamentos de React
Según la descripción: props, estados, hooks (useState, useEffect), eventos y renderizado condicional, con Vite como herramienta de desarrollo.
- 03
Proyecto: landing page
Construcción paso a paso de una landing page con React para consolidar lo aprendido.
Capítulos del vídeo
- 01Introducción
Plan de estudio sugerido
1 semana · unas 3 h por semana
- 1.Sesión 1: introducción, preparación del proyecto con Vite, props y estados; practica creando componentes propios.
- 2.Sesión 2: hooks, eventos y renderizado condicional; prueba cada ejemplo con variaciones.
- 3.Sesión 3: landing page; sigue el proyecto y luego cambia secciones o textos por tu cuenta.
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
- Instala Node.js y un editor antes de empezar para poder seguir el código a la vez.
- Pausa tras cada concepto (props, estado, useEffect) y repítelo sin mirar el vídeo.
- Al terminar la landing, añade una sección propia con su estado o un evento.
Antes y después de este curso
- Después de este cursoCURSO REACT.JS - Aprende desde ceroCurso de React desde cero, más amplio, para profundizar tras esta introducción.
- Después de este cursoReact Course - 10 Hours (freeCodeCamp)Curso largo de React para ampliar lo visto aquí.
- Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Útil si necesitas reforzar JavaScript antes de empezar con React.
Cómo lo presenta Juan Ortiz
Aprende los fundamentos de React y aplica tus conocimientos con un proyecto práctico desde cero
Sumérgete en el fascinante mundo de React JS, la biblioteca JavaScript más utilizada para construir interfaces de usuario modernas y dinámicas. En este curso, aprenderás desde los conceptos básicos hasta técnicas prácticas para desarrollar aplicaciones web interactivas con la ayuda de Vite, una…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Qué nivel necesito?
Se dirige a principiantes en React y a programadores con experiencia en JavaScript. Conviene tener nociones básicas de JavaScript.
+¿Cuánto dura?
Unos 86 minutos en 17 lecciones. Con práctica, calcula unas 3 horas en total.
+¿Qué proyecto se construye?
Una landing page con React, desarrollada paso a paso.
+¿Qué temas cubre?
Props, estados, hooks como useState y useEffect, eventos, renderizado condicional y uso de Vite.
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 Juan Ortiz; 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.