©2024 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Curso de React Router
Aprende a trabajar con React Router de manera práctica con el desarrollo de una SPA
Material disponible
React es una de las librerías más populares en la actualidad para el desarrollo frontend con Javascript. Hemos abordado en diversos cursos el uso de esta librería, a modo general, que se pueden consultar en la materia React.
Una de las principales áreas de trabajo de React son las aplicaciones SPA (Single Page Application), las cuales deben implementar un sistema de routing para dirigir las URLs profundas de la aplicación a los componentes o vistas adecuadas. Para ello la librería de routing más popular que usamos con la librería es React Router.
En la versión de React Router 6 introdujeron diversos cambios con respecto a versiones anteriores, por lo que hemos realizado un este Curso de React Router, específico para esta nueva versión.
Una de las principales áreas de trabajo de React son las aplicaciones SPA (Single Page Application), las cuales deben implementar un sistema de routing para dirigir las URLs profundas de la aplicación a los componentes o vistas adecuadas. Para ello la librería de routing más popular que usamos con la librería es React Router.
En la versión de React Router 6 introdujeron diversos cambios con respecto a versiones anteriores, por lo que hemos realizado un este Curso de React Router, específico para esta nueva versión.
Qué aprenderé en el Curso de React Router
Objetivos del curso
Ofrecer al estudiante el conocimiento necesario para trabajar con React Router 6, la librería más usada para implementar un sistema de routing completo en aplicaciones basadas en React.
A lo largo del curso el estudiante podrá aprender a crear una aplicación con diversas rutas, simples y anidadas, que permitirá experimentar con las posibilidades que nos ofrece React Router para el desarrollo de sitios web con el modelo de SPA.
Por qué debes aprender React Router
El Curso de React Router te será de utilidad si ya trabajas con React y quieres aplicar tus conocimientos en el desarrollo de aplicaciones modernas. En este caso necesitarás usar un sistema de routing y React Router es la alternativa más usada para crear y gestionar las rutas de las aplicaciones.
Si ya usabas React Router en versiones anteriores este curso te permitirá actualizar tus conocimientos rápidamente para poder usar todas las novedades que vienen con React Router 6.
Qué tengo que saber
Para la realización de este curso los estudiantes deben conocer la librería React.
Clases y contenidos
En esta clase realizamos nuestro proyecto de curso, usando Vite como herramienta frontend.
Diferencias de React Router en versiones 5 y 6.
Conociendo los aspectos básicos de React Router
Qué es un componente Link, o elemento link en React Router.
Creando diversos componentes para las distintas páginas de la aplicación React
Creando un componente visible en todas las páginas o vistas de la aplicación, en este caso realizaremos la cabecera.
Separamos el menú de navegación a un componente independiente.
Conocemos el componente NavLink de React Router, un componente de link para navegación especializado en indicar cuál es la página activa.
Cómo crear páginas especiales para las rutas que no existen dentro de la aplicación, para marcar el típico error 404.
Cómo realizar redirecciones en React Router usando Navigate.
Creando una sección dinámica
Cómo hacer las URLs dinámicas, pasando parámetros variables a las páginas de destino y la creación de patrones en las URLs con elementos dinámicos.
Haciendo un componente que es capaz de obtener los parámetros que se han enviado mediante la URL dinámica.
Cómo usar el Hook de React Router DOM useNavigate, que permite controlar el historial de navegación.
En este vídeo vamos a mejorar el código de los componentes de la aplicación con el hook useState.
En este bloque vamos a comenzar con el uso de rutas anidades haciendo uso del componente Outlet.
Como anidar las rutas internas
Cómo pasar los parámetros a las rutas anidadas en React Router.
Despedida y cierre del curso de React Router 6
Valoraciones
Enrique Gálvez
Visto después del curso de React. Gracias por actualizarnos. Lo recomiendo para seguir en el progreso de aprendizaje de la librería.
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.