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

## Voraussetzungen 
Bevor Sie fortfahren, stellen Sie bitte sicher, dass Node.js und NPM auf Ihrem Computer installiert sind. Sie können dies überprüfen, indem Sie deren Versionen prüfen. Wenn Sie Versionsnummern sehen, können Sie mit der Aufgabe fortfahren. Wenn nicht, konsultieren Sie bitte <a href="https://nodejs.org/en" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" >die offizielle Node.js-Dokumentation</a>, um sie auf Ihrem Rechner zu installieren.
```
node -v
npm -v
```

### Schritt 1: Erstellen Sie ein neues React-Projekt
Ö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
```
Navigieren Sie zu Ihrem Projektverzeichnis:
```
cd my-redux-app
```

### Schritt 2: Installieren Sie Redux Toolkit und Abhängigkeiten
In Ihrem Projektverzeichnis führen Sie den folgenden Befehl aus, um Redux Toolkit zu installieren:
```
npm install @reduxjs/toolkit
```
Redux Toolkit kann zusätzliche Abhängigkeiten erfordern. Installieren Sie diese mit dem folgenden Befehl:
```
npm install react-redux
```

### Schritt 3: Überprüfen Sie die Installation
1. Öffnen Sie Ihren Code-Editor und navigieren Sie zum Projektverzeichnis Ihrer React-App;
2. Überprüfen Sie die `package.json`-Datei im Stammverzeichnis, um sicherzustellen, dass die notwendigen Abhängigkeiten aufgelistet sind;
3. Sie sollten Einträge für `@reduxjs/toolkit` und `react-redux` im Abschnitt `dependencies` sehen.

### Schritt 4: Starten Sie den Entwicklungsserver
1. Kehren Sie zu Ihrem Terminal zurück;
2. Starten Sie den Entwicklungsserver, indem Sie folgendes ausführen:
```
npm start
```
Öffnen Sie Ihren Webbrowser und gehen Sie zu `http://localhost:3000`. Sie sollten Ihre React-Anwendung laufen sehen.

Entdecken Sie die Leistungsfähigkeit von Redux Toolkit in Verbindung mit React und verbessern Sie Ihre Fähigkeiten im Zustandsmanagement. Dieser Kurs führt umfassend in Redux Toolkit ein, eine leistungsstarke Bibliothek zur Verwaltung von Zuständen. Lernen Sie, wie Sie Ihr Redux-Setup optimieren, komplexe Zustandslogik vereinfachen und effiziente, skalierbare React-Anwendungen erstellen können.

Erkunden Sie die grundlegenden Konzepte des Zustandsmanagements und zeigen Sie, wie Sie die Leistungsfähigkeit des Redux Toolkits nutzen können. Wir führen Sie durch den Installationsprozess und helfen Ihnen, Ihr erstes React Redux Toolkit-Projekt zu erstellen. Zusätzlich erwartet Sie eine Herausforderung, um Ihr Verständnis und Ihre Fähigkeiten zu testen.

Untersuchen Sie die Integration von Redux in React-Anwendungen und decken Sie dabei die Kernkonzepte ab: Aktionen, Reducer und den Redux-Store. Beinhaltet praktische Beispiele und Codeerklärungen zur Konfiguration eines Stores, zur Erstellung von Reducern und zur Verbindung von React-Komponenten über Hooks wie useSelector und useDispatch.

Verbessern Sie Ihre Fähigkeiten im Zustandsmanagement. In diesem praxisnahen Workshop bewältigen Sie reale Herausforderungen und sammeln praktische Erfahrungen mit dem Redux Toolkit für eine nahtlose Anwendungsentwicklung.

Redux Toolkit & React

Herausforderung: Installation von Redux Toolkit

Voraussetzungen

Aufgabe

Schritt 1: Erstellen Sie ein neues React-Projekt

Schritt 2: Installieren Sie Redux Toolkit und Abhängigkeiten

Schritt 3: Überprüfen Sie die Installation

Schritt 4: Starten Sie den Entwicklungsserver