Installation und Vorbereitung der React-Anwendung
In dieser Lektion beginnen wir mit der Installation und Vorbereitung einer React-Anwendung, da wir diese später in Verbindung mit Redux verwenden werden. Es gibt schnellere Möglichkeiten, eine Vorlage für eine React-Anwendung mit Redux zu erstellen (was übrigens nicht immer einfach bedeutet, besonders für Anfänger), die in der offiziellen Dokumentation angegeben sind, aber wir gehen den Weg von Grund auf.
Zunächst erstellen wir eine React-Anwendung
my-app mit Vite
(dies ist ein moderner Ersatz für Webpack).
Dazu öffnen wir ein Terminal
und geben die folgenden Befehle ein (in den angebotenen Optionen,
falls vorhanden, wählen wir React und dann JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Starten wir die erstellte Anwendung:
npm run dev
Öffnen wir den vorgeschlagenen Link
http://localhost:5173/ im Browser und sehen
den bekannten Begrüßungsbildschirm. Alles funktioniert.
Nun entfernen wir das Überflüssige. Wir räumen den Ordner public auf.
Im Ordner src belassen wir nur main.jsx,
index.css und App.jsx (in index.css
und App.jsx löschen wir den Inhalt vollständig).
In der Datei index.html ersetzen wir den Text
des Titels durch:
<title>React Redux App</title>
Erstellen Sie eine React-Anwendung und stellen Sie sicher, dass sie funktioniert.
Löschen Sie überflüssige Dateien und Ordner.
