Routing i React ved hjælp af Router-biblioteket

I dette afsnit vil vi stifte bekendtskab med et meget interessant og vigtigt emne i forbindelse med oprettelsen af webapplikationer - routing. Det er netop takket være routing, at brugeren kan navigere blandt mange websider afhængigt af handlinger eller afsendte forespørgsler.

Fra denne vejledning vil vi lære, hvordan man bruger det eksterne bibliotek React Router, til at oprette React-applikationer med routing.

React Router giver os mulighed for at arbejde med routing både på klientsiden (dvs. i browseren) og på serversiden. Det giver mulighed for at oprette komplekse single-page webapplikationer, der bruger navigation uden at opdatere hele siden (dvs. uden yderligere henvendelser til serveren), samt for at arbejde med browserens historik (tilbage-pil).

React Router bruger en arkitektur, der er baseret på en komponentbaseret tilgang. Således giver dette bibliotek mulighed for at udføre navigation blandt mange React-komponenter i applikationen, ændre URL i browseren og opretholde synkronisering af din applikations tilstand med URL'en.