Steg 1

Fokusera på att konfigurera Redux-butiken och integrera den i hela applikationen. Redux-butiken fungerar som en central plats för att lagra applikationens tillstånd, och genom att ansluta den till appen kan komponenter få åtkomst till tillståndet och skicka åtgärder.

Exempel

Utmaning

1. Öppna filen store.js som finns i mappen redux.
2. Använd funktionen configureStore från paketet @reduxjs/toolkit för att skapa Redux-butiken. Denna funktion erbjuder ett förenklat sätt att konfigurera butiken, med rimliga standardinställningar och inbyggd middleware.
3. Ändra koden i filen index.js för att integrera den skapade butiken i hela applikationen.
4. Importera komponenten Provider från paketet react-redux.
5. Omslut komponenten App med komponenten Provider. Detta gör Redux-butiken tillgänglig för alla komponenter i applikationen.
6. Skicka propet store till komponenten Provider. Detta kopplar appen till den skapade Redux-butiken, vilket gör att komponenter kan få åtkomst till butikens tillstånd och skicka åtgärder.

1. Funktionen configureStore förenklar processen att skapa en Redux-butik genom att erbjuda rimliga standardinställningar och inbyggd middleware.
2. Komponentet Provider från paketet react-redux används för att göra Redux-butiken tillgänglig för komponenter.
3. Säkerställ att komponenten Provider omsluter rotkomponenten i applikationen (vanligtvis App-komponenten).