Nivel Intermedio
30 clases
5 horas de contenido
10 horas de práctica
Explora la navegación en aplicaciones React mediante la implementación de rutas. Utiliza React Router para crear un flujo de navegación, incluyendo autenticación falsa, navegación dinámica y despliegue en GitHub Pages.
Introducción a React Router DOM 6
- 4
Instalar React Router Dom 6 paso a paso
11:18 min - 5
Browser Router vs Hash Router en GitHub Pages
07:25 min - 6
Primeras rutas con React Router Dom 6
10:41 min - 7
Link y NavLink para navegación en React
13:18 min - 8
Rutas dinámicas con React Router DOM y useParams
15:36 min - 9
useNavigate para navegar con JavaScript
08:56 min - 10
Outlet y rutas anidadas en React Router
06:56 min
Fake authentication con React Router DOM 6
- 11
Rutas privadas con fake auth en React
23:48 min - 12
Rutas privadas y públicas en React
09:50 min - 13
Rutas protegidas con Navigate en React
13:45 min - 14
Roles y permisos en aplicaciones web: Autenticación y autorización
11:56 min - 15
Retos avanzados en React: manejo de estado y composición de componentes
08:21 min - 16
Redirect al login con useLocation en React
03:42 min - 17
Rutas dinámicas con roles de usuario
04:56 min
React Router en TODO Machine
- 18
Cómo migrar React portals a rutas reales
11:33 min - 19
Estructura de carpetas con React Router Dom 6
18:40 min - 20
Botón de editar todos con React y SVG
12:19 min - 21
Generación de IDs únicos para gestionar tareas en React
15:22 min - 22
Migrar modales a rutas con useNavigate
17:36 min - 23
Cómo funciona editTodo con useParams
14:02 min - 24
Texto por defecto en textarea con useLocation
21:54 min - 25
Implementación de React Router en Proyectos Legacy
11:07 min
Próximos pasos
Profes del curso
Conoce quién enseña el curso
Juan David Castro Gallego
Software Developer en Platzi
Software Developer en Platzi
4.7 · 264 opiniones
milton coronado
@miltoncoronadoaybar·
ytt
David Prado
@Davit_Prado·
El mejor profesor de Platzi sin lugar a duda!!!... Un curso que te lleva a usar React router dom como todo un profesional.
Diana Florez
@dianacrysflorez·
JuanDc explica de una forma clara y precisa y dinámica ... genial las herramientas que utiliza Super Gracias
Jose Fabian Benavides Moreno
@jfbenavid·
muy buen curso se explica muy bien todo lo relacionado con la librería y además buenos tíos de desarrollo
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
23 Cursos
Frontend a profundidad con React.js
68 horas8 Profes
Aprende a desarrollar aplicaciones web, móviles y de escritorio con React.js. La librería JavaScript más popular en el mercado.
Ruta
113 Cursos
Frontend y Backend con Javascript para Desarrollo Web
390 horas41 Profes
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender