Crea tu primer proyecto en react
por Angelo Parra
Guía la creación de un primer proyecto en React: componentes, navegación con react-router-dom y estilos con Bootstrap 5, partiendo de create-react-app.
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 Angelo Parra (1 h 33 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 con nociones básicas de HTML, CSS y JavaScript que quieren dar su primer paso práctico con React.
- Nivel
- Principiante
- Duración
- 1 h 33 min · 9 lecciones
- Precio
- Gratis en Udemy
- Autor
- Angelo Parra
- Plan sugerido
- 2 sem. · 4 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Una introducción breve y práctica a React que guía la creación de un primer proyecto con componentes, navegación y estilos. Es adecuado para quien tiene base web mínima y quiere ver la estructura de un proyecto real; no profundiza más allá de lo básico.
Puntos fuertes
- Alcance acotado: un único proyecto básico seguido paso a paso.
- Los requisitos están claramente indicados y son realistas para un curso introductorio.
- Cubre un tema muy útil al comparar la navegación con react-router-dom con la de una web estática.
A tener en cuenta
- Es un curso corto (93 minutos) y básico, que solo cubre una primera parte.
- El capítulo final se titula «Final de la primer parte», lo que sugiere que el contenido continúa fuera de este curso.
- La descripción menciona Firebase, pero los capítulos no lo reflejan.
- No se indica el año de publicación; create-react-app es una herramienta que conviene contrastar con alternativas actuales.
De qué trata
Curso introductorio de React que guía paso a paso la creación de un primer proyecto. Comienza con la creación del proyecto mediante create-react-app y su limpieza inicial, y continúa con la creación de componentes y la estructura del proyecto.
Dedica dos lecciones a la navegación con react-router-dom, comparándola con los enlaces entre archivos HTML de una web estática, y termina aplicando estilos con CSS y Bootstrap 5. Son 9 lecciones y 93 minutos, y se piden conocimientos básicos de HTML, CSS y JavaScript.
- Creación del proyecto con create-react-app
- Creación de componentes y estructura del proyecto
- Navegación con react-router-dom
- Estilos con CSS3 y Bootstrap 5
Para quién es este curso
- Personas con nociones básicas de HTML, CSS y JavaScript que quieren dar su primer paso práctico con React.
- Estudiantes de informática o ciclos formativos que buscan un proyecto sencillo para ver la estructura de una aplicación React.
- Desarrolladores web que vienen de páginas estáticas y quieren entender cómo se navega entre componentes.
Mejor busca otro si…
- Quien ya haya creado proyectos con React y react-router-dom y busque contenido de nivel intermedio o avanzado.
- Quien parta de cero absoluto sin ninguna base de HTML, CSS o JavaScript.
Antes de empezar
- HTML5 a nivel básico
- CSS3 a nivel básico
- JavaScript a nivel básico
Qué sabrás hacer al terminar
- Crear un proyecto de React con create-react-app y limpiar su estructura inicial.
- Crear componentes y organizar la estructura de un proyecto.
- Configurar la navegación entre componentes con react-router-dom.
- Aplicar estilos al proyecto usando Bootstrap 5 y CSS.
Estructura del curso
- 01
Introducción y creación del proyecto
Presentación del curso, creación del proyecto con create-react-app y limpieza de los archivos iniciales para partir de una base ordenada.
- 02
Componentes
Creación de componentes y organización de la estructura del proyecto.
- 03
Navegación
Dos lecciones dedicadas a implementar la navegación entre componentes con react-router-dom, el equivalente en React a enlazar archivos HTML en una web estática.
- 04
Estilos y cierre de la primera parte
Aplicación de estilos a la galería con CSS y Bootstrap 5, y cierre de la primera parte del curso.
Capítulos del vídeo
- 01Introducción
- 02Creando el proyecto con create-react-app
- 03Limpiando el proyecto
- 04Creando componentes
- 05Navegacion
- 06Concluyendo la navegacion
- 07Agregando estilos
- 08Final de la primer parte
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Semana 1, sesión 1: Introducción, creación del proyecto con create-react-app y limpieza; comprueba que el proyecto arranca.
- 2.Semana 1, sesión 2: Creación de componentes; crea alguno propio además de los del vídeo.
- 3.Semana 2, sesión 1: Navegación y conclusión de la navegación; prueba a añadir una ruta extra.
- 4.Semana 2, sesión 2: Estilos y final de la primera parte; personaliza el aspecto con Bootstrap 5.
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
- Ten Node.js y un editor de código instalados antes de empezar el capítulo de creación del proyecto.
- En los capítulos de navegación, añade una página extra por tu cuenta para comprobar que has entendido cómo funcionan las rutas.
- Repasa tus conocimientos básicos de JavaScript antes de empezar para seguir mejor el código de los componentes.
- En el capítulo de estilos, prueba a cambiar clases de Bootstrap 5 para ver su efecto en la galería.
Antes y después de este curso
- Después de este cursoCURSO REACT.JS - Aprende desde ceroCurso de React desde cero para profundizar tras este primer proyecto.
- Antes de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroRefuerza HTML, CSS y Bootstrap, requisitos básicos de este curso.
- Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Refuerza el JavaScript necesario para seguir el curso.
Cómo lo presenta Angelo Parra
crea tu primer proyecto con la libreria de react
Descripción del curso Bienvenidos a este curso de react, donde aprenderemos a crear tu primer proyecto con esta librería de Facebook la cual nos ofrece las herramientas para crear interfaces de usuario. En el curso aprenderás a como crear componentes, como tener una estructura de tu proyecto, ademas de eso veremos como utilizar una librería de…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Qué nivel necesito?
La descripción pide conocimientos muy básicos de HTML5, CSS3 y JavaScript, lo suficiente para entender la estructura del proyecto.
+¿Cuánto dura?
Son 93 minutos repartidos en 9 lecciones. Con pausas para practicar, cuenta con unas 8 horas en total, por ejemplo en dos semanas.
+¿Qué se construye?
Un proyecto básico en React con componentes, navegación mediante react-router-dom y estilos con Bootstrap 5 para una galería.
+¿Qué hago después?
Puedes continuar con un curso de React más completo del catálogo para profundizar en los fundamentos.
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 Angelo Parra; 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.