Summary  
This chapter explains how to use Redux’s useDispatch hook to dispatch actions from a component, triggering reducers to update the application state. It emphasizes unidirectional data flow and predictable state changes by sending actions instead of mutating state directly.

General domain of usage  
Web frontend development


For å endre tilstand i Redux, sender du en handling til store. Dette gjøres ved å bruke `useDispatch`-hooken.



## Sende en handling

Inne i en komponent kaller du `useDispatch` og bruker den til å utløse handlinger:

```javascript
import { useDispatch } from 'react-redux';
import { increment } from './counterSlice';

function Counter() {
  const dispatch = useDispatch();

  return (
    <button onClick={() => dispatch(increment())}>
      Increase
    </button>
  );
}
```

Når knappen klikkes, sendes handlingen til store og tilstanden oppdateres.





## Hvordan det fungerer
Du oppdaterer ikke tilstanden direkte. I stedet sender du en handling, og Redux bestemmer hvordan tilstanden skal endres ved hjelp av reducers.


Denne tilnærmingen gjør tilstandsoppdateringer forutsigbare. Alle endringer går gjennom samme flyt, noe som gjør applikasjonen enklere å forstå og feilsøke.


Lær hvordan du håndterer kompleks applikasjonstilstand i React ved hjelp av Redux Toolkit. Forstå når Redux faktisk er nødvendig, bygg tilstand med slices, håndter asynkrone data, og koble alt sammen i et forutsigbart flyt.

Forstå hvorfor Redux Toolkit eksisterer og når det blir nyttig. Gjenkjenne hvordan kompleksiteten i tilstand øker i reelle applikasjoner og hvorfor enkle tilnærminger slutter å skalere.

Installer Redux Toolkit og sett opp store. Koble Redux til en React-applikasjon og forstå hvordan data flyter gjennom systemet.

Definer tilstand ved hjelp av slices og organiser logikken tydelig. Opprett reducers, bruk genererte actions, og hold tilstanden håndterbar etter hvert som applikasjonen vokser.

Les data fra store ved hjelp av useSelector og oppdater den med useDispatch. Strukturer state korrekt og unngå vanlige feil ved arbeid med delt data.

Hent data fra API-er ved hjelp av createAsyncThunk. Håndter lasting og feilmeldinger, og hold brukergrensesnittet synkronisert med asynkrone oppdateringer.

Del opp tilstanden i flere slices og organiser filer etter funksjon. Kombiner reducers på en ryddig måte og oppretthold en klar struktur etter hvert som applikasjonen vokser.

Bygg en komplett applikasjon med Redux Toolkit. Implementer CRUD-funksjoner, håndter asynkrone data, og forbedre brukeropplevelsen med lasting- og feilmeldinger.

Oppdatering av tilstand med useDispatch

Sende en handling

Hvordan det fungerer