Εγκατάσταση του React Router Framework

Για αυτήν την ενότητα του σεμιναρίου, εκτός από το React Router, θα χρησιμοποιήσουμε το Vite ως εργαλείο δόμησης και διακομιστή δοκιμών.

Για να ξεκινήσουμε, ας δημιουργήσουμε μια εφαρμογή React my-app χρησιμοποιώντας το Vite. Για να το κάνουμε αυτό, ανοίγουμε το τερματικό και εισάγουμε τις ακόλουθες εντολές:

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

Για να δουλέψουμε με τη δρομολόγηση χρειαζόμαστε την ενότητα react-router-dom, ας την εγκαταστήσουμε:

terminalnpm install react-router-dom

Τώρα όλα είναι έτοιμα για να ξεκινήσετε να δουλεύετε. Ας εκκινήσουμε την εφαρμογή μας:

terminalnpm run dev

Αντιγράφουμε τον σύνδεσμο http://localhost:5173/, που αναφέρεται στο τερματικό, στη γραμμή διευθύνσεων του προγράμματος περιήγησης και θα δούμε την εφαρμογή να εκτελείται (μπορείτε να πατήσετε το κουμπί με τον μετρητή).