Trin 1

Fokus på opsætning af Redux store og integration i hele applikationen. Redux store fungerer som et centralt sted til lagring af applikationens tilstand, og tilkobling til appen gør det muligt for komponenter at tilgå tilstanden og sende handlinger.

Eksempel

Udfordring

1. Åbn filen store.js, som ligger i mappen redux.
2. Brug funktionen configureStore fra pakken @reduxjs/toolkit til at oprette Redux store. Denne funktion giver en strømlinet tilgang til opsætning af store med fornuftige standardindstillinger og indbygget middleware.
3. Rediger koden i filen index.js for at integrere den oprettede store i hele applikationen.
4. Importér komponenten Provider fra pakken react-redux.
5. Omslut App-komponenten med Provider-komponenten. Dette gør Redux store tilgængelig for alle komponenter i applikationen.
6. Giv store-proppen til Provider-komponenten. Dette forbinder applikationen til den oprettede Redux store, så komponenter kan tilgå store's tilstand og sende handlinger.

1. Funktionen configureStore forenkler processen med at oprette en Redux store ved at tilbyde fornuftige standardindstillinger og indbygget middleware.
2. Komponentet Provider fra pakken react-redux bruges til at gøre Redux store tilgængelig for komponenter.
3. Sørg for, at Provider-komponenten omslutter rodkomponenten i applikationen (typisk App-komponenten).