Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Erstellen des Stores mit ConfigureStore | Setting Up Redux Toolkit in a React App
Zustandsverwaltung mit Redux Toolkit in React

bookErstellen des Stores mit ConfigureStore

Swipe um das Menü anzuzeigen

Der Store ist der Ort, an dem sich der Zustand deiner Anwendung befindet.

Im Redux Toolkit erstellst du ihn mit configureStore. Diese Funktion richtet alles mit sinnvollen Voreinstellungen ein, sodass du dich nicht mit komplexer Konfiguration beschäftigen musst.

Erstellen des Stores

Öffne deine Store-Datei und definiere den Store:

import { configureStore } from '@reduxjs/toolkit';

export const store = configureStore({
  reducer: {}
});

Der Store ist momentan leer. Die eigentliche Logik für den Zustand fügst du in den nächsten Kapiteln mit Slices hinzu.

Was configureStore macht

Du musst nicht alles manuell konfigurieren.

configureStore übernimmt bereits:

  • Einrichtung der Redux DevTools;
  • Aktivierung sinnvoller Voreinstellungen für die Entwicklung;
  • Vorbereitung des Stores für die Arbeit mit asynchroner Logik.

Deshalb ist Redux Toolkit deutlich einfacher als ältere Redux-Konfigurationen.

Wie man über den Store nachdenkt

Der Store ist ein zentraler Ort, an dem der globale Zustand gespeichert wird. Anstatt Daten in vielen Komponenten zu speichern, wird der wichtige Zustand in den Store verschoben. Komponenten lesen dann daraus und aktualisieren ihn über definierte Aktionen.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

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

Abschnitt 2. Kapitel 2
some-alt