Redux Toolkit & React

Kursinhalt

Redux Toolkit & React

Redux Toolkit & React

1. Einführung in das Redux Toolkit

Was Ist in Diesem Kurs Enthalten?Einführung in die Zustandsverwaltung Verständnis des Redux Toolkit Installation of the Redux Toolkit Erstellen Eines React Redux Toolkit-Projekts Herausforderung: Installation von Redux Toolkit Zusätzliche Software

2. Redux Toolkit in der Praxis

Was Erwartet Anfangscode des Projekts und Dateistruktur Erstellen Eines Redux Stores Integration des Redux Stores in die App Store-Inspektion in der App Aktionen und Action Creators Rolle der Reducer Inspektion von Aktionen und Reducers Redux und React Verbinden Abschluss des App-Codes

3. Redux Toolkit Herausforderungs-Workshop

Überblick Herausforderungsregeln Herausforderung: Einrichten des Stores Herausforderung: Aktionen Erstellen Herausforderung: Erstellen Eines Reducers Herausforderung: Einbindung von Redux in React Redux Toolkit Zusammenfassung

Installation of the Redux Toolkit

1. Erstellen Sie ein React-Projekt

Wenn Sie noch kein React-Projekt haben, erstellen Sie eines mit Create React App. Öffnen Sie Ihr Terminal und führen Sie aus:

2. Installation von Redux Toolkit

Navigieren Sie zu Ihrem Projektverzeichnis und installieren Sie Redux Toolkit:

3. Installation zusätzlicher Abhängigkeiten

Redux Toolkit kann zusätzliche Abhängigkeiten wie react-redux erfordern. Auf diese Weise können wir Redux in React verwenden. Installieren Sie sie mit:

Sobald Sie alle Anweisungen abgeschlossen haben, stellen Sie sicher, dass Ihre package.json-Datei die unten aufgeführten Abhängigkeiten enthält:

Ihre Projektstruktur sollte wie folgt aussehen:

War alles klar?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 4

some-alt