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:
npm 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:
npm install react-router-dom
Nyt kaikki on valmista työn aloittamiseen. Käynnistetään sovelluksemme:
npm run dev
Kopioi terminaalissa näkyvä linkki http://localhost:5173/
selaimen osoiteriville ja näet käynnissä olevan
sovelluksen (voit klikkailla laskurin painiketta).
Luo React-sovellus Viten avulla, kuten
oppitunnissa kuvataan, ja asenna
react-router-dom -moduuli. Varmista, että
sovellus käynnistyy.
