Ми розуміємо:

• Важливість маршрутизації;
• Призначення бібліотеки React Router.

Тепер розглянемо структуру URL. З яких компонентів вона складається та як її правильно формувати?

URL або Уніфікований локатор ресурсу — це основні елементи веб-архітектури.

Анатомія URL

URL складається з кількох ключових компонентів, кожен з яких виконує свою унікальну функцію:

1. Схема: Схема визначає протокол, який використовується для доступу до ресурсу, зазвичай http або https. Вона вказує браузеру, як підключатися до сервера. Наприклад, https:// означає захищене з'єднання через протокол HTTPS;
2. Домен: Це веб-адреса, наприклад, www.example.com. Домен визначає веб-сервер або сервіс, на якому розміщено ресурс. Вдалий домен є запам'ятовуваним і відповідає змісту вашого сайту;
3. Шлях: Шлях ідентифікує розташування ресурсу на сервері, наприклад, /products/category. Це ієрархічний рядок, розділений слешами (/);
4. Параметри запиту: Це пари ключ-значення, які часто розміщуються після символу ? у URL і надають серверу додаткову інформацію. Параметри запиту дозволяють генерувати динамічний контент і отримувати дані. Наприклад, у URL www.example.com/search?q=react, q — це параметр, а react — його значення;
5. Фрагмент: Фрагмент, що передує символу #, вказує на певний розділ сторінки. Він не впливає безпосередньо на запити до сервера, але може використовуватися для навігації всередині сторінки. Наприклад, у www.example.com/page#section-2, #section-2 вказує на конкретний розділ сторінки.