Cursos Empresas Blog Live Conf Precios

Curso de Routing en React

Próximamente

00h00m00s

Nivel Básico

20 clases

2 horas de contenido

10 horas de práctica

Aprende a convertir una pantalla de React en una aplicación con varias páginas usando React Router. Vas a configurar el router, navegar entre secciones sin recargar y armar layouts que se comparten entre pantallas. Vas a crear rutas dinámicas para mostrar el detalle de cada elemento y filtros que viven en la URL, para que cualquier búsqueda se pueda compartir o guardar. Al final vas a aprender a proteger secciones con login, cargar datos por ruta, manejar errores y publicar tu app en Vercel.

No sé dónde empezar

Configura React Router

1
React Router: cómo convertir pantallas en app real
03:12 min
2
Qué problema resuelve el routing en React
03:04 min
3
Cómo diseñar el mapa de rutas con React Router
07:30 min
4
Cómo configurar React Router en una SPA
07:30 min

Navega entre páginas y layouts

5
Link vs NavLink: navegación interna con React Router
07:49 min
6
Navegación programática en React con useNavigate
05:52 min
7
Layout principal con Outlet en React Router
07:33 min
8
Layouts anidados en React Router
07:59 min

Crea rutas dinámicas y búsqueda

9
Rutas dinámicas en React Router con useParams
02:55 min
10
Página de detalle con rutas dinámicas en React
06:05 min
11
Página 404 y estados no encontrados
08:38 min
12
Query params para búsqueda en React
07:13 min
13
Sincroniza filtros con la URL usando useSearchParams
07:10 min

Protege rutas y carga datos

14
Cómo crear rutas protegidas con React Router
06:37 min
15
Cómo simular login y logout con React Router
07:59 min
16
Cómo cargar datos por ruta con loaders
06:24 min
17
Lazy loading y Suspense en rutas de React
08:07 min
18
Manejo de errores por ruta con ErrorElement
06:17 min

Publica tu aplicación

19
React Router, TanStack Router y Next.js: cuál elegir
01:54 min
20
Cómo publicar tu app de React en Vercel
03:09 min

Profes del curso

Conoce quién enseña el curso

Erasmo Hernández

Erasmo Hernández

Sr Software Engineer / Tech Lead @ Globant / @Windsurf Latam Ambassador

Sr Software Engineer / Tech Lead @ Globant / @Windsurf Latam Ambassador

Eleva tu aprendizaje

Este curso es parte de estas rutas de aprendizaje

Frontend a profundidad con React.js

Aprende a desarrollar aplicaciones web, móviles y de escritorio con React.js. La librería JavaScript más popular en el mercado.

Frontend con React.js

Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.

Desarrollo Frontend con React.js

Desarrollo Frontend con React.js