Comprendemos:

• La importancia del enrutamiento;
• El propósito de la biblioteca React Router.

Ahora, profundicemos en la estructura de las URLs. ¿De qué componentes se compone y cómo podemos construirla correctamente?

Las URLs, o Localizadores Uniformes de Recursos, son elementos fundamentales de la arquitectura web.

Anatomía de una URL

Una URL consta de varios componentes clave, cada uno con una función específica:

1. Esquema: El esquema determina el protocolo utilizado para acceder al recurso, normalmente http o https. Indica al navegador cómo conectarse al servidor. Por ejemplo, https:// indica una conexión segura mediante el protocolo HTTPS;
2. Dominio: Es la dirección web, como www.example.com. El dominio especifica el servidor web o servicio donde se aloja el recurso. Un dominio bien elegido es fácil de recordar y relevante para el contenido del sitio web;
3. Ruta: La ruta identifica la ubicación del recurso en el servidor, como /products/category. Es una cadena jerárquica, separada por barras (/);
4. Parámetros de consulta: Son pares clave-valor, que suelen aparecer después de un ? en la URL, y proporcionan información adicional al servidor. Los parámetros de consulta permiten la generación dinámica de contenido y la recuperación de datos. Por ejemplo, en la URL www.example.com/search?q=react, q es el parámetro y react es el valor;
5. Fragmento: El fragmento, precedido por #, especifica una sección concreta dentro de una página web. Aunque no afecta directamente a las solicitudes al servidor, puede utilizarse para la navegación interna en la página. Por ejemplo, en www.example.com/page#section-2, #section-2 apunta a una sección específica de la página.