Summary  
This chapter shows how to configure client-side routing by adding a new route and updating navigation links while integrating a corresponding view component to render dynamic data.

General domain of usage  
Single-page web application navigation

Lad os tage et øjeblik til at gennemgå de seneste ændringer i vores app:
- **Ny rute**: Vi har introduceret en `/products`-rute i `App.jsx` for at oprette "Products"-siden, hvilket udvider appens funktionalitet;
- **Forbedret navigation**: Navigationslinjen i `Bar.jsx` inkluderer nu et link til "Products"-siden, hvilket gør det lettere for brugerne at få adgang til denne nye visning;
- **`ProductsPage`-komponent**: Kernen i vores "Products"-side er `ProductsPage`-komponenten. Den gengiver og håndterer produktdata og tilbyder en interaktiv oplevelse.

Udforsk hele appen i den medfølgende Code Sandbox for at se disse opdateringer i praksis. 

Lær at håndtere navigation i React-applikationer ved hjælp af React Router. Forstå opbygningen af URL'er og routings rolle i webapplikationer. Opsæt React Router for at skabe fler-sidede applikationer med dynamisk indhold baseret på URL-stier. Arbejd med avancerede funktioner som forespørgselsstrenge og URL-parametre for at håndtere applikationstilstand og brugernavigation.

Lær de teoretiske grundprincipper for begreber som URL, domæne, protokol, forespørgselsparametre og mere. Forstå betydningen af routing i webapplikationer, og hvorfor vi har brug for React Router-biblioteket.

Lær at oprette en komplet React-applikation fra bunden med mulighed for at vise indhold, der tilpasses baseret på URL'en ved hjælp af React Router-funktionalitet.

Undersøg brugen af forespørgselsstrenge til deling og håndtering af applikationstilstand via URL'er, arbejd med forskellige datatyper i forespørgselsparametre, og udnyt React Router til navigation og effekter baseret på URL-ændringer.

Inspektion af Nylige Ændringer