Εγκατάσταση του React Router Framework
Για αυτήν την ενότητα του σεμιναρίου, εκτός από το React Router, θα χρησιμοποιήσουμε το Vite ως εργαλείο δόμησης και διακομιστή δοκιμών.
Για να ξεκινήσουμε, ας δημιουργήσουμε
μια εφαρμογή React my-app
χρησιμοποιώντας το Vite.
Για να το κάνουμε αυτό, ανοίγουμε το τερματικό και εισάγουμε
τις ακόλουθες εντολές:
npm create vite@latest my-app -- --template react
cd my-app
npm install
Για να δουλέψουμε με τη δρομολόγηση
χρειαζόμαστε την ενότητα react-router-dom,
ας την εγκαταστήσουμε:
npm install react-router-dom
Τώρα όλα είναι έτοιμα για να ξεκινήσετε να δουλεύετε. Ας εκκινήσουμε την εφαρμογή μας:
npm run dev
Αντιγράφουμε τον σύνδεσμο http://localhost:5173/,
που αναφέρεται στο τερματικό, στη γραμμή διευθύνσεων
του προγράμματος περιήγησης και θα δούμε την εφαρμογή
να εκτελείται (μπορείτε να πατήσετε το κουμπί
με τον μετρητή).
Δημιουργήστε μια εφαρμογή στο React με Vite, όπως
περιγράφεται στο μάθημα, εγκαταστήστε την ενότητα
react-router-dom. Βεβαιωθείτε ότι
η εφαρμογή ξεκινά.
