Redux Toolkit er et kraftig bibliotek som forenkler håndteringen av tilstand i React-applikasjoner ved bruk av Redux. Her er en oppsummering av de viktigste emnene knyttet til Redux Toolkit:

Redux Store

• Redux store fungerer som den eneste sannhetskilden for applikasjonens tilstand;
• Redux Toolkits configureStore-funksjon forenkler konfigurasjonen av store ved å tilby fornuftige standardverdier og innebygd mellomvare;
• Store-konfigurasjonen inkluderer spesifisering av reduksjoner for ulike tilstandsforandringer.

Redux Store i appen

• Provider-komponenten fra react-redux-biblioteket brukes for å gjøre Redux store tilgjengelig for komponentene i appen;
• Provider-komponenten omslutter appens rotkomponent og tar Redux store som en prop.

Handlinger og handlingsskapere

• Handlinger beskriver endringene som må gjøres i tilstanden og opprettes ved hjelp av handlingsskapere;
• Redux Toolkit tilbyr funksjonen createAction for å forenkle opprettelsen av handlingsskapere;
• Handlingsskapere genererer handlingsobjekter med en type-egenskap som identifiserer handlingen når den sendes.

Redusere og tilstandshåndtering

• Redusere angir hvordan tilstanden skal endres som svar på sendte handlinger;
• Redux Toolkits createReducer-funksjon forenkler opprettelsen av redusere ved automatisk å generere handlingscaser basert på oppgitte funksjoner;
• Redusere tar gjeldende tilstand og en handling som parametere og returnerer den nye tilstanden.

Koble Redux og React

• Hooken useSelector fra react-redux gir tilgang til tilstandsverdier fra Redux-butikken i React-komponenter;
• Hooken useDispatch brukes for å få tilgang til dispatch-funksjonen, som gjør det mulig å sende handlinger for å oppdatere Redux-butikken;
• Komponenter kan abonnere på tilstanden og sende handlinger ved hjelp av disse hookene, noe som gjør det mulig å samhandle med Redux-butikken.

Merk

Flott! Du har nå lært det grunnleggende om Redux Toolkit, inkludert opprettelse av actions, reducers og Redux store.
For ytterligere hjelp anbefales det å se i den offisielle Redux Toolkit-dokumentasjonen. Lykke til med Redux!