Routering in React met behulp van de Router-bibliotheek

In dit deel maken we kennis met een zeer interessant en belangrijk onderdeel bij het maken van webapplicaties - routering. Het is dankzij routering dat de gebruiker kan navigeren tussen meerdere webpagina's afhankelijk van acties of verzonden verzoeken.

Uit deze tutorial leren we hoe we een externe bibliotheek React Router kunnen gebruiken om React-toepassingen met routering te maken.

React Router stelt ons in staat om met routering te werken zowel aan de clientzijde (dus in de browser) als aan de serverzijde. Het maakt het mogelijk om complexe single-page webapplicaties te creëren, die navigatie gebruiken zonder de hele pagina te vernieuwen (dus zonder extra verzoeken naar de server), en ook om te werken met de browsergeschiedenis (pijltjes terug).

React Router gebruikt een architectuur gebaseerd op de componentbenadering. Op deze manier stelt deze bibliotheek ons in staat om te navigeren tussen meerdere componenten van een React-toepassing, de URL in de browser te wijzigen en de synchronisatie van de status van uw toepassing met de URL te onderhouden.