Tipos de routers

• BrowserRouter

  La navegación funciona utilizando barras diagonales / para indicar en qué página de la aplicación nos encontramos.

  <aside> 💡 Se utiliza cuando tenemos una ubicación de otro HTML cargado en el backend. Si no se encuentra, se devuelve un Error 404.

  </aside>

• HashRouter

  La navegación se realiza utilizando Slash Hashes y Slash /#/. Esto nos permite renderizar contenido utilizando los hashes como guía a través de JavaScript.

  <aside> 💡 Esto no nos saca de index.html y nos permite crear páginas SPA (Single Page Application).

  </aside>

• Memory Router

  Funciona por medio de un Array de rutas que nos indica en que ruta estamos y renderizar ese contenido. Se suele usar para aplicaciones móviles para cambiar de vistas.

Archivos de la Clase

Instalación de React Router DOM 6

Route: componentes de navegación