React Router es una colección de componentes para navegación, que puedes integrar en tus apps de React.

Con esta colección de componentes puedes modificar la URL de tu página web, reemplazar componentes dependiendo de la dirección en la que se encuentre el usuario y mucho más.

La principal característica y diferencia del Router de React, en comparación con otras rutas, es que usa un enrutamiento dinámico, esta característica contraste con la mayoría de routers que existen, en los que la declaración de las rutas de la app, es estática.

Ahora quizás te preguntes, ¿cuál es la diferencia entre enrutamiento estático y enrutamiento dinámico? La respuesta es muy sencilla, las rutas estáticas se declaran al iniciar la app, cuando se ejecuta por primera vez la aplicación, a partir de ahí, las rutas no pueden cambiarse en tiempo de ejecución.

Por otro lado, las rutas dinámicas pueden, efectivamente, cambiar durante la ejecución del programa, como su nombre lo indica, de manera dinámica.

Otra diferencia que se distingue de esta manera de trabajar, es que las rutas no se definen en un archivo en específico, a diferencia de las rutas dinámicas donde generalmente existe un archivo para la definición de las rutas de nuestra app. Antes de ver cómo es que podemos definir rutas en cualquiera de nuestros componentes, primero veamos otra de las características del router.

El router de React está diseñado para funcionar en distintos entornos de ejecución, puede ser para el cliente, para apps nativas con React Native, o para el servidor cuando hacemos render de nuestra app desde que la enviamos al usuarios… esta es una de las características más interesantes del router, que al igual que React, puedes usar esta librería para crear apps para un montón de entornos de ejecución.

Una vez mencionados los conceptos detrás del funcionamiento del router, vamos a pasar a la configuración del mismo, para comenzar a definir las rutas de nuestra app, continuemos.