React Router -kirjaston asentaminen

Tätä oppaan osaa varten, React Routerin lisäksi käytämme Vitea build-työkaluna ja testipalvelimena.

Aluksi luomme React-sovelluksen my-app käyttäen Vitea. Avaa terminaali ja syötä seuraavat komennot:

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

Reitityksen kanssa työskentelyyn tarvitsemme react-router-dom -moduulin, asennetaan se myös:

terminalnpm install react-router-dom

Nyt kaikki on valmista työn aloittamiseen. Käynnistetään sovelluksemme:

terminalnpm run dev

Kopioi terminaalissa näkyvä linkki http://localhost:5173/ selaimen osoiteriville ja näet käynnissä olevan sovelluksen (voit klikkailla laskurin painiketta).