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
Instalación de React Router DOM 6 en un proyecto React
11:18 min - 5
Uso de Hash Router en Aplicaciones Web con React Router DOM
07:26 min - 6
Creación de Rutas Dinámicas con React Router DOM 6
10:41 min - 7
Navegación en React Router: Uso de Link y NavLink
13:18 min - 8
Rutas dinámicas con React Router DOM y useParams
15:36 min - 9
Uso de useNavigate en React Router DOM para navegación dinámica
08:57 min - 10
Uso de Outlet y Nested Routes en React Router DOM 6
06:56 min
Fake authentication con React Router DOM 6
- 11
Autenticación y Autorización en Apps con React Router y Hooks
23:48 min - 12
Control de Acceso en Menú con Autenticación React
09:50 min - 13
Protección de Rutas con React Router y Hooks
13:46 min - 14
Roles y permisos en aplicaciones web: Autenticación y autorización
11:57 min - 15
Retos avanzados en React: manejo de estado y composición de componentes
08:21 min - 16
Mejorando la Redirección Post-Login en Aplicaciones Web
03:42 min - 17
Roles y Permisos Avanzados en React Router v6
04:57 min
React Router en TODO Machine
- 18
Migración de Todo Machine a React Router 6
11:33 min - 19
Organización de carpetas y rutas en React con React Router DOM 6
18:40 min - 20
Maquetación de Botón Editar en Lista de Tareas con React
12:19 min - 21
Generación de IDs únicos para gestionar tareas en React
15:23 min - 22
Migración de modales a rutas en React: implementación práctica
17:37 min - 23
Editar ToDos en React con Custom Hook y URL Parameters
14:03 min - 24
Mejora de la Experiencia del Usuario al Editar To Do's en React
21:55 min - 25
Implementación de React Router en Proyectos Legacy
11:07 min
Próximos pasos
- 26
Filtrado de Búsquedas en URL con React Router
03:42 min - 27
Migración de React Router: de la versión 6 a la 5 en proyectos empresariales
07:10 min - 28
Clonación de Platzi Movies usando React y React Router
01:30 min - 29
Clonación de React Router en Componentes React
02:21 min - 30
Navegación Avanzada con React Router DOM 6
05:55 min
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 · 241 opiniones
Nicolás Acuña Niampira
@Nikosophos98·
Como siempre los cursos de JuanDC son excelentes!
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
68 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
40 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