Installatie van het React Router Framework

Voor dit gedeelte van de tutorial, zullen we, naast React Router, Vite gebruiken als bundler en ontwikkelserver.

Laten we om te beginnen een React-applicatie my-app aanmaken met behulp van Vite. Open hiervoor de terminal en voer de volgende commando's in:

terminalnpm create vite@latest my-app -- --template react
cd my-app
npm install

Om met routing te kunnen werken hebben we de module react-router-dom nodig, laten we deze ook installeren:

terminalnpm install react-router-dom

Nu is alles klaar om te beginnen. Laten we onze applicatie starten:

terminalnpm run dev

Kopieer de link http://localhost:5173/, die in de terminal wordt weergegeven, naar de adresbalk van de browser en je ziet de gestarte applicatie (je kunt op de knop met de teller klikken).