Versiones de React Router: ¿Por qué son tantas? ¿Cuál elegir?

React Router

Existieron varios “React Routers”, algunos ya están archivados. Hoy utilizamos React Router DOM, las versiones 4 y 5 fueron las más “famosas” y hoy estamos en la versión número 6.

Aparentemente, en el futuro no muy lejano, posiblemente tengamos una nueva herramienta para el manejo de rutas con react. En algún momento existió “Reach Router” que fue una alternativa a React Router.

Estructura de React Router:

• Provider: Es parecido al uso que tenía esto en useContext.
• Anchor: Una etiqueta para hacer los cambios de “página” en la navegación, son similares a las etiquetas <a></a>.
• Conditional render: En el “path” vamos a definir qué componentes se van a renderizar por cada ruta.

routes = [
{},
{},
]

routes.map(() => <Route path={} render={} />)

los mas cheatos mapeabamos las rutas

Hay que verificar cuales son las mejoras o cambios en la nueva version!

A la fecha ya estamos en la versión 6.4

Esto sí es programar una aplicación profesional.