Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Verstehen des Projektcodes und der Dateistruktur | Redux Toolkit in der Praxis
Redux Toolkit & React

bookVerstehen des Projektcodes und der Dateistruktur

Bevor Sie mit der Arbeit am Projekt beginnen, ist es wichtig, die bereitgestellten Dateien und Ordner zu überprüfen, um sich mit der Projektstruktur vertraut zu machen. Derzeit sind nur UI-Komponenten ohne jegliche Logik verfügbar. Wenn Sie lieber lokal arbeiten möchten, können Sie die Komponenten kopieren. Bitte beachten Sie jedoch, dass alle Codebeispiele im Verlauf dieses Abschnitts präsentiert werden.

Arbeiten mit Code Sandbox

Redux-Ordner

Es wird empfohlen, den Ordner redux sehr sorgfältig zu prüfen. Die folgenden Ordner und Dateien sind enthalten:

  • actions/counterAction.js: Diese Datei enthält die Action Creator für die Zählerfunktionalität. Sie definiert Funktionen, die Aktionen im Zusammenhang mit dem Zähler erstellen;
  • reducers/counterReducer.js: Diese Datei enthält die Reducer-Funktion, die für die Verwaltung des Zähler-Status verantwortlich ist. Sie legt fest, wie sich der Status als Reaktion auf verschiedene Aktionen ändern soll;
  • store.js: Diese Datei richtet den Redux Store mit der Funktion configureStore von Redux Toolkit ein. Sie kombiniert mehrere Reducer und setzt gegebenenfalls erforderliche Middleware.
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

Awesome!

Completion rate improved to 4.17

bookVerstehen des Projektcodes und der Dateistruktur

Swipe um das Menü anzuzeigen

Bevor Sie mit der Arbeit am Projekt beginnen, ist es wichtig, die bereitgestellten Dateien und Ordner zu überprüfen, um sich mit der Projektstruktur vertraut zu machen. Derzeit sind nur UI-Komponenten ohne jegliche Logik verfügbar. Wenn Sie lieber lokal arbeiten möchten, können Sie die Komponenten kopieren. Bitte beachten Sie jedoch, dass alle Codebeispiele im Verlauf dieses Abschnitts präsentiert werden.

Arbeiten mit Code Sandbox

Redux-Ordner

Es wird empfohlen, den Ordner redux sehr sorgfältig zu prüfen. Die folgenden Ordner und Dateien sind enthalten:

  • actions/counterAction.js: Diese Datei enthält die Action Creator für die Zählerfunktionalität. Sie definiert Funktionen, die Aktionen im Zusammenhang mit dem Zähler erstellen;
  • reducers/counterReducer.js: Diese Datei enthält die Reducer-Funktion, die für die Verwaltung des Zähler-Status verantwortlich ist. Sie legt fest, wie sich der Status als Reaktion auf verschiedene Aktionen ändern soll;
  • store.js: Diese Datei richtet den Redux Store mit der Funktion configureStore von Redux Toolkit ein. Sie kombiniert mehrere Reducer und setzt gegebenenfalls erforderliche Middleware.
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 2
some-alt