Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Installation von Redux Toolkit | Getting Started with Redux Toolkit
State Management mit Redux Toolkit in React

bookHerausforderung: Installation von Redux Toolkit

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.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 6

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 4.17

bookHerausforderung: Installation von Redux Toolkit

Swipe um das Menü anzuzeigen

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.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 6
some-alt