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):

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

Starten wir die erstellte Anwendung:

terminalnpm 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:

index.html<title>React Redux App</title>