REACT JS desde cero | Curso tutorial completo gratis por Sergie Code

De qué trata

Curso de React de unas 7 horas y media dividido en 34 capítulos. Empieza con la instalación de programas y la creación de un proyecto con React + Vite, y sigue con componentes, JSX, estilos, props, eventos y useState.

Después trata formularios, comunicación entre componentes, useEffect con Fetch, hooks personalizados y hooks como useRef, useMemo, useCallback, useReducer y useContext, además de React Router DOM. Termina con tres proyectos: una aplicación de clima, un buscador de películas y un carrito de compras. Requiere saber JavaScript.

• Componentes, JSX, props y eventos
• useState, useEffect y Fetch
• Hooks personalizados y hooks avanzados
• React Router DOM y useContext
• Tres proyectos: clima, películas y carrito

Para quién es este curso

• Personas que ya saben JavaScript y quieren aprender React desde cero con un curso largo y en español.
• Aspirantes a desarrollador frontend que buscan practicar con proyectos completos (clima, películas y carrito de compras).
• Quien conoce lo básico de React y quiere repasar hooks (useMemo, useCallback, useReducer, useContext) de forma ordenada.

Qué sabrás hacer al terminar

• Crear un proyecto React con Vite y estructurarlo en componentes.
• Usar props, eventos, estado con useState y renderizado condicional y de listas con map.
• Manejar formularios, useEffect con Fetch y comunicación entre componentes padre e hijo.
• Crear hooks personalizados y aplicar useRef, useMemo, useCallback, useReducer y useContext.
• Configurar rutas con React Router DOM y construir tres aplicaciones completas.

Plan de estudio sugerido

5 semanas · unas 5 h por semana

1. 1.Semana 1: instalación, React + Vite, componentes, JSX, estilos, props y eventos (0:00–1:25:40). Crea tus propios componentes.
2. 2.Semana 2: useState, condicionales, map, formularios y comunicación entre componentes (1:25:40–2:23:15).
3. 3.Semana 3: useEffect, Fetch, build y hooks personalizados (2:23:15–3:52:23). Escribe tus propios hooks.
4. 4.Semana 4: useRef, useMemo, useCallback, useReducer, React Router y useContext (3:52:23–5:40:06).
5. 5.Semana 5: los tres proyectos (5:40:06–7:32:31). Intenta avanzar cada uno antes de ver la solución.

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 vídeo y haz pausa al terminar cada capítulo para probar variantes.
• Repasa JavaScript (funciones flecha, desestructuración, arrays) antes de empezar si tienes dudas.
• Instala lo indicado en el capítulo de instalación (0:56) antes de seguir con React + Vite.
• Antes de cada proyecto final, dibuja los componentes que necesitarías e intenta montarlos por tu cuenta.
• Los hooks personalizados (2:48:20–3:52:23) son un bloque denso; conviene repetirlos con otro ejemplo.

Antes y después de este curso

• Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨‍💻El curso exige saber JavaScript; este curso completo desde cero sirve de base.
• Antes de este cursoAprende JavaScript - Curso Completo Desde CeroAlternativa para aprender JavaScript antes de empezar con React.
• AlternativaReact - Curso COMPLETO desde 0 🚀 Paso a paso y con ejemplos ⚛Otro curso completo de React en español desde cero.
• AlternativaReact Course - 10 Hours (freeCodeCamp)Curso extenso de React, en otro idioma, para comparar enfoques.

Cómo lo presenta Sergie Code

¡El curso que tanto me pidieron llegó! ReactJS es una biblioteca de JavaScript de código abierto utilizada para construir interfaces de usuario interactivas y reutilizables. Fue desarrollada por Facebook y se ha vuelto muy popular en la comunidad de desarrollo web. ReactJS se centra en la creación de componentes UI, que son piezas autónomas de código que representan partes específicas de una…

Extracto de la descripción original en YouTube.

Preguntas frecuentes

Más cursos de Programación