In dieser Übung lernen Sie, wie Sie Redux Toolkit und die erforderlichen Abhängigkeiten in einem neuen React-Projekt installieren.

Voraussetzungen

Stellen Sie vor dem Fortfahren sicher, dass Node.js und NPM auf Ihrem Computer installiert sind. Sie können dies überprüfen, indem Sie deren Versionen abfragen. Wenn Versionsnummern angezeigt werden, können Sie mit der Aufgabe fortfahren. Andernfalls lesen Sie bitte in der offiziellen Node.js-Dokumentation nach, wie Sie diese auf Ihrem System installieren.

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. Unter dem 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 ausgeführt werden.