A diferencia de la version anterior, las rutas funcionan como componentes reales de React, lo cual es un enorme logro ya que simplifica mucho el manejo de rutas en nuestras aplicaciones React.

BrowserRouter

Al iniciar cada proyecto debemos determinar qué tipo de router utilizaremos. Para aplicaciones web tenemos los componentes de <BrowserRouter> y <HashRouter>. El componente <BrowserRouter> es más utilizado en servidores que manejan peticiones dinámicas, mientras que <HashRouter> se utiliza en sitios web estáticos. Yo prefiero utilizar <BrowserRouter>, aunque si tu servidor web solo sirve archivos estáticos <HashRouter> es una buena solución.

Link

Ya hemos configurado nuestras rutas, pero aún no tenemos forma de navegar por nuestra aplicación. Si queremos cambiar de un componente a otro nos tocaría navegar cambiando la URL de manera manual. Link crea un hipervínculo que nos permite navegar por nuestra aplicación. Al contrario de Redirect, este agrega una nueva locación a la historia.

Happy Coding! ❤

Recursos extra

¿List@ para ver todo el curso? Prepárate porque apenas estamos comenzando 🚀

¡Desbloquea el curso completo y conviértete en un PRO del desarrollo web! 🫶🏻 .