Ruting i React med Router-biblioteket

I denne delen vil vi bli kjent med et veldig interessant og viktig emne når man lager web-applikasjoner - ruting. Det er nettopp takket være ruting at brukeren kan navigere mellom mange websider avhengig av handlinger eller forespørsler som sendes.

Fra denne opplæringen vil vi lære hvordan vi bruker det eksterne biblioteket React Router, for å lage React-applikasjoner med ruting.

React Router lar oss jobbe med ruting både på klientsiden (dvs. i nettleseren) og på serversiden. Det lar deg lage komplekse enkeltstående web-applikasjoner som bruker navigering uten å oppdathe hele siden (dvs. uten ekstra forespørsler til serveren), samt jobbe med nettleserhistorikk (tilbake-pilene).

React Router bruker en arkitektur basert på en komponentbasert tilnærming. Dermed tillater dette biblioteket navigering mellom mange React-komponenter i applikasjonen, endre URL i nettleseren og opprettholde synkronisering av applikasjonens tilstand med URL.