In dieser Übung wird erläutert, wie Redux Toolkit und die erforderlichen Abhängigkeiten in einem neuen React-Projekt installiert werden.

Voraussetzungen

Vor dem Fortfahren bitte sicherstellen, dass Node.js und NPM auf dem Computer installiert sind. Die Installation kann durch Überprüfung der Versionsnummern bestätigt werden. Werden Versionsnummern angezeigt, kann mit der Aufgabe fortgefahren werden. Andernfalls bitte die offizielle Node.js-Dokumentation zur Installation heranziehen.

node -v
npm -v

Aufgabe

Schritt 1: Neues React-Projekt erstellen

Öffnen Sie Ihr Terminal. Erstellen Sie ein neues React-Projekt mit Create React App. Führen Sie den folgenden Befehl aus:

npx create-react-app my-redux-app

Wechseln Sie in Ihr Projektverzeichnis:

cd my-redux-app

Schritt 2: Redux Toolkit und Abhängigkeiten installieren

Führen Sie im Projektverzeichnis den folgenden Befehl aus, um Redux Toolkit zu installieren:

npm install @reduxjs/toolkit

Redux Toolkit benötigt möglicherweise zusätzliche Abhängigkeiten. Installieren Sie diese mit folgendem Befehl:

npm install react-redux

Schritt 3: Überprüfung der Installation

1. Öffnen Sie Ihren Code-Editor und navigieren Sie in das Projektverzeichnis Ihrer React-App;
2. Überprüfen Sie die Datei package.json im Hauptverzeichnis, um sicherzustellen, dass die erforderlichen Abhängigkeiten aufgeführt sind;
3. Im Abschnitt @reduxjs/toolkit sollten Einträge für react-redux und dependencies vorhanden sein.

Schritt 4: Entwicklungsserver starten

1. Kehren Sie zu Ihrem Terminal zurück;
2. Starten Sie den Entwicklungsserver mit folgendem Befehl:

npm start

Öffnen Sie Ihren Webbrowser und gehen Sie zu http://localhost:3000. Ihre React-Anwendung sollte nun laufen.