Summary  
This chapter explains the anatomy of URLs—scheme, domain, path, query parameters, and fragment—and how to construct them accurately in code.

General domain of usage  
Web application routing

Vi förstår:
- Betydelsen av routing;
- Syftet med React Router-biblioteket.

Nu ska vi fördjupa oss i URL-strukturen. Vilka komponenter består den av och hur kan vi konstruera den korrekt?

**URL:er**, eller **Uniform Resource Locators**, är grundläggande element inom webbarkitektur.
## Anatomien av en URL
En URL består av flera viktiga komponenter, där varje del har ett unikt syfte:
1. **Scheme**: Schemat anger protokollet som används för att komma åt resursen, vanligtvis `http` eller `https`. Det talar om för webbläsaren hur den ska ansluta till servern. Till exempel betyder `https://` en säker HTTPS-protokollanslutning;
2. **Domain**: Detta är webbadressen, såsom `www.example.com`. Domänen specificerar webbservern eller tjänsten där resursen är värd. En välvald domän är både minnesvärd och relevant för webbplatsens innehåll;
3. **Path**: Sökvägen identifierar resursens plats på servern, till exempel `/products/category`. Det är en hierarkisk sträng, separerad med snedstreck (`/`);
4. **Query Parameters**: Detta är nyckel-värde-par, ofta placerade efter ett `?` i URL:en, som tillhandahåller ytterligare information till servern. Query-parametrar möjliggör dynamisk innehållsgenerering och datahämtning. Till exempel, i URL:en `www.example.com/search?q=react`, är `q` parametern och `react` är värdet;
5. **Fragment**: Fragmentet, föregås av `#`, specificerar en viss sektion inom en webbsida. Det påverkar inte serverförfrågningar direkt, men kan användas för navigering på sidan. Till exempel, i `www.example.com/page#section-2`, pekar `#section-2` på en specifik sektion på sidan.

Vad står termen "URL" för inom webbarkitektur?

Lär dig hantera navigation i React-applikationer med hjälp av React Router. Förstå strukturen av URL:er och routningens roll i webbapplikationer. Konfigurera React Router för att skapa flersidiga applikationer med dynamiskt innehåll baserat på URL-sökvägar. Arbeta med avancerade funktioner som query-strängar och URL-parametrar för att hantera applikationstillstånd och användarnavigation.

Lär dig de teoretiska grunderna för begrepp som URL, domän, protokoll, frågeparametrar och mer. Förstå betydelsen av routing i webbapplikationer och varför vi behöver React Router-biblioteket.

Lär dig hur du skapar en komplett React-applikation från grunden, med möjlighet att visa innehåll som anpassas baserat på URL med hjälp av React Router-funktionalitet.

Utforska användning av frågesträngar för att dela och hantera applikationstillstånd via URL:er, arbeta med olika datatyper i frågeparametrar och utnyttja React Router för navigering och effekter baserade på URL-förändringar.

Förståelse av URL-Struktur

Anatomien av en URL