Schritt 1

Konzentration auf das Einrichten des Redux-Stores und dessen Integration in die gesamte App. Der Redux-Store dient als zentrale Stelle zur Speicherung des Anwendungszustands. Durch die Anbindung an die App können Komponenten auf den Zustand zugreifen und Aktionen auslösen.

Beispiel

Herausforderung

1. Öffne die Datei store.js im Ordner redux.
2. Verwende die Funktion configureStore aus dem Paket @reduxjs/toolkit, um den Redux-Store zu erstellen. Diese Funktion bietet einen optimierten Ansatz zur Einrichtung des Stores mit sinnvollen Voreinstellungen und integrierter Middleware.
3. Ändere den Code in der Datei index.js, um den erstellten Store in die gesamte App zu integrieren.
4. Importiere die Komponente Provider aus dem Paket react-redux.
5. Umhülle die Komponente App mit der Komponente Provider. Dadurch wird der Redux-Store allen Komponenten innerhalb der App zugänglich gemacht.
6. Übergebe die Eigenschaft store an die Komponente Provider. Dadurch wird die App mit dem erstellten Redux-Store verbunden, sodass Komponenten auf den Zustand des Stores zugreifen und Aktionen auslösen können.

1. Die Funktion configureStore vereinfacht das Erstellen eines Redux-Stores durch sinnvolle Voreinstellungen und integrierte Middleware.
2. Die Komponente Provider aus dem Paket react-redux wird verwendet, um den Redux-Store für Komponenten verfügbar zu machen.
3. Sicherstellen, dass die Komponente Provider die Wurzelkomponente der App (in der Regel die App-Komponente) umschließt.