Installation av React Router-ramverket

För detta avsnitt av handledningen, förutom React Router, kommer vi att använda Vite som byggverktyg och testserver.

Låt oss först skapa ett React-program my-app med användning av Vite. För att göra detta öppnar vi terminalen och skriver in följande kommandon:

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

För att arbeta med routing behöver vi modulen react-router-dom, låt oss installera den också:

terminalnpm install react-router-dom

Nu är allt klart för att börja arbeta. Låt oss starta vårt program:

terminalnpm run dev

Kopiera länken http://localhost:5173/, anges i terminalen till webbläsarens adressfält och vi kommer att se det igångsatta programmet (du kan trycka på knappen med räknaren).

Задание 1

Skapa ett program i React med Vite, som beskrivs i lektionen, installera modulen react-router-dom. Se till att programmet startar.