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 · 263 opiniones
José de Jesús Valera Durán
@jvdsandokan·
Interesante forma de navegar
Carlos Junior Ramos Vasquez
@juniorencode·
Mi parte favorita del curso fue la protección de rutas mediante la autenticación y autorización.
Enrique Alberto Torres Ruiz
@enriquealberto27·
Great course, I would like to go more slowly and no running with every class, we need to understand each part.
Angel David Contreras Barrios
@angeldavidcontreras07·
Buen curso, se aprendió pequeñas cositas pero muy importantes!! como Link o NavLink, entre otras
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