## Theorie
Aktionen sind Nutzlasten von Informationen, die die Änderungen beschreiben, die wir am Zustand vornehmen möchten. Aktions-Ersteller sind Funktionen, die Aktionen erstellen. Sie kapseln die Logik der Erstellung von Aktionen und können in der gesamten App wiederverwendet werden.

## Übung
Wir haben eine Datei namens `counterAction.js` im Ordner 'actions'. Diese Datei definiert Aktionen und Aktions-Ersteller für die Zählerfunktionalität.
```js
import { createAction } from "@reduxjs/toolkit";

export const increment = createAction("counter/increment");
export const decrement = createAction("counter/decrement");
```
**Code-Erklärung:** 
- Zeile 1: Importiere die Funktion `createAction` aus dem Paket `@reduxjs/toolkit`. Diese Funktion vereinfacht die Erstellung von Aktions-Erstellern;
- Zeile 3: Erstelle die Aktions-Ersteller-Funktion `increment` mit `createAction`. Diese Funktion generiert Aktionen zum Erhöhen des Zählers;
   - Der als Argument angegebene String `"counter/increment"` repräsentiert den Aktionstyp. Er hilft, die Aktion zu identifizieren, wenn sie ausgelöst wird.
- Zeile 4: Erstelle auf ähnliche Weise die Aktions-Ersteller-Funktion `decrement` mit `createAction`. Diese Funktion generiert Aktionen zum Verringern des Zählers.
   - Der String `"counter/decrement"` repräsentiert den Aktionstyp für das Verringern.

Durch die Verwendung von `createAction` generieren diese Funktionen Aktionsobjekte mit einer `type`-Eigenschaft, die auf den angegebenen Typ-String gesetzt ist. Diese Aktionen können in Redux-Reduzierern oder React-Komponenten ausgelöst werden, um den Redux-Store zu aktualisieren.

> Hinweis
>
> Aktions-Typ-Strings, wie `"counter/increment"` und `"counter/decrement"`, sollten beschreibend sein und den Zweck der Aktion widerspiegeln. Es ist üblich, den Aktionstyp mit dem Feature- oder Slice-Namen zu präfixen, um eine bessere Organisation zu gewährleisten. Die Verwendung von String-Konstanten oder Variablen wird für Konsistenz und einfachere Umstrukturierung empfohlen.

Was repräsentiert der String `"counter/increment"` im Code?

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

Aktionen und Action Creators

Theorie

Übung

1. Was sind Action Creators in Redux?