Stap 1

Richt je op het opzetten van de Redux store en het integreren ervan in de gehele app. De Redux store fungeert als centrale plek voor het opslaan van de applicatiestatus, en door deze aan de app te koppelen, krijgen componenten toegang tot de status en kunnen ze acties dispatchen.

Voorbeeld

Uitdaging

1. Open het bestand store.js in de map redux.
2. Gebruik de functie configureStore uit het pakket @reduxjs/toolkit om de Redux store aan te maken. Deze functie biedt een gestroomlijnde aanpak voor het opzetten van de store, met logische standaardinstellingen en ingebouwde middleware.
3. Pas in het bestand index.js de code aan om de aangemaakte store in de gehele app te integreren.
4. Importeer het Provider component uit het pakket react-redux.
5. Omwikkel het App component met het Provider component. Hierdoor wordt de Redux store beschikbaar voor alle componenten binnen de app.
6. Geef de store prop door aan het Provider component. Hiermee wordt de app verbonden met de aangemaakte Redux store, zodat componenten toegang hebben tot de status van de store en acties kunnen dispatchen.

1. De functie configureStore vereenvoudigt het proces van het aanmaken van een Redux store door logische standaardinstellingen en ingebouwde middleware te bieden.
2. Het Provider component uit het react-redux pakket wordt gebruikt om de Redux store beschikbaar te maken voor componenten.
3. Zorg ervoor dat het Provider component het rootcomponent van de app omwikkelt (meestal het App component).