Routning i React med Router-biblioteket

I det här avsnittet kommer vi att bekanta oss med ett mycket intressant och viktigt område när man skapar webbapplikationer - routning. Det är tack vare routning som användaren kan navigera bland många webbsidor beroende på åtgärder eller skickade förfrågningar.

Från den här handledningen kommer vi att lära oss hur man använder det externa biblioteket React Router, för att skapa React-applikationer med routning.

React Router gör det möjligt för oss att arbeta med routning både på klientsidan (det vill säga i webbläsaren) och på serversidan. Det gör det möjligt att skapa komplexa enkelsidiga webbapplikationer som använder navigering utan att uppdatera hela sidan (det vill säga utan ytterligare förfrågningar till servern), samt att arbeta med webbläsarens historik (bakåtpilen).

React Router använder en arkitektur, som baseras på ett komponentbaserat tillvägagångssätt. Således möjliggör detta bibliotek navigering bland många komponenter i en React-applikation, ändrar URL:en i webbläsaren och upprätthåller synkronisering mellan din applikations tillstånd och URL:en.