React Router Version 6
Migración y características
React Router 6
React Router es el estándar de factor para implementar navegación SPA en React, hace no mucho que publicaron la versión 6, en estos videos cubriremos como migrar de versiones anteriores, así como otros novedades que trae esta nueva release.
Temario
Migrando de React Router 5 a la versión 6
Hace no mucho que salió la nueva versión de React Router (la 6), como es un cambio de versión mayor contiene "breaking changes". En este video vamos a migrar una aplicación simple que usa TypeScript y React Router 5.1 a la versión 6.
Nested Routes
Otro de los cambios que incluye la versión 6 de React Router es el manejo las ruta anidadas.
En este video tutorial vamos a montar un maestro detalle en el que por un lado tendremos un listado de usuarios de Github que pertenecen a una organización y en la misma página (utilizando una ruta anidada), el detalle del usuario que seleccionemos.
Interceptores
En React Router 5 una práctica común para gestionar el acceso publica o autenticado a una página, es crear un interceptor, es decir envolver el Router en un componente que haga el chequeo de acceso. La versión 6 de React Router ya no soporta esto, en este video vamos a ver como migrarlo.
¿Te apuntas a nuestro máster?
Si te ha gustado este ejemplo y tienes ganas de aprender Front End guiado por un grupo de profesionales ¿Por qué no te apuntas a nuestro Máster Front End Online Lemoncode? Tenemos tanto edición de convocatoria con clases en vivo, como edición continua con mentorización, para que puedas ir a tu ritmo y aprender mucho.