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
Opiniones del curso
4.7 · 258 opiniones
Emmanuel Méndez Pérez
@EMMYMP20e·
La forma de explicar y los ejemplos utilizados son muy fáciles de entender y ademas los retos propuestos son muy buena practica y bastante retadores.
Juan Castro
@juandc·
En este curso le perdemos el miedo a cualquier versión de React Router. Además vamos a integrarlo a varios proyectos con distintas versiones de React.
Carlos Eduardo Gomez García
@RetaxMaster·
Increíble cómo hemos estado ocupando la misma aplicación y poco a poco le hemos ido añadiendo nuevas capas de complejidad en cada nuevo curso 😄
Seba Cardoso
@sebaveg·
Si, me gustaria ver mas cursos de Juan. Me gustaria un curso de redux-toolkit con react-query.
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend a profundidad con React.js
64 horas
7 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
Frontend y Backend con Javascript para Desarrollo Web
390 horas
41 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