Summary  
This chapter explains how to install Redux Toolkit and React-Redux, create a Redux store using `configureStore`, and integrate it into a React application by wrapping the root component with `Provider` so that the store is available throughout the app.

General domain of usage  
State management in React applications

For at begynde at bruge Redux Toolkit skal du installere det sammen med React-bindings.

Kør følgende kommando i dit projekt:

```bash
npm install @reduxjs/toolkit react-redux
```

Dette installerer alt, hvad du behøver for at oprette en store og forbinde den til din React-app.





## Opsætning af store

Opret en ny fil til store. En almindelig placering er:

```bash
src/store/store.js
```

Inde i denne fil opretter du store ved hjælp af `configureStore`:

```javascript
import { configureStore } from '@reduxjs/toolkit';

export const store = configureStore({
  reducer: {}
});
```

På dette tidspunkt er store tom. Du tilføjer reducers til den i de næste kapitler.





## Tilslutning af Redux til React

For at gøre store tilgængelig i din app, skal du omvikle din root-komponent med `Provider`.

Åbn din hovedindgangsfil (for eksempel `main.jsx` eller `index.js`) og opdater den således:

```javascript
import React from 'react';
import ReactDOM from 'react-dom/client';
import { Provider } from 'react-redux';
import { store } from './store/store';
import App from './App';

ReactDOM.createRoot(document.getElementById('root')).render(
  <Provider store={store}>
    <App />
  </Provider>
);
```

Nu er Redux store tilgængelig i alle komponenter.

Lær at håndtere kompleks applikationstilstand i React ved hjælp af Redux Toolkit. Forstå hvornår Redux faktisk er nødvendig, opbyg tilstand med slices, håndter asynkrone data, og forbind det hele til et forudsigeligt flow.

Forstå, hvorfor Redux Toolkit eksisterer, og hvornår det bliver nyttigt. Genkend, hvordan kompleksiteten af state vokser i reelle applikationer, og hvorfor simple tilgange holder op med at skalere.

Installer Redux Toolkit og opsæt butikken. Forbind Redux til en React-applikation og forstå, hvordan data flyder gennem systemet.

Definer tilstand ved hjælp af slices og organiser logikken klart. Opret reducers, brug genererede actions, og hold tilstanden håndterbar, efterhånden som applikationen vokser.

Læs data fra store ved hjælp af useSelector og opdater dem med useDispatch. Strukturer state korrekt og undgå almindelige fejl ved arbejde med delte data.

Hent data fra API'er ved hjælp af createAsyncThunk. Administrer indlæsnings- og fejltilstande og hold UI synkroniseret med asynkrone opdateringer.

Opdel state i flere slices og organiser filer efter funktion. Kombiner reducers på en overskuelig måde og oprethold en klar struktur, efterhånden som applikationen vokser.

Byg en komplet applikation ved hjælp af Redux Toolkit. Implementering af CRUD-funktioner, håndtering af asynkrone data og forbedring af brugeroplevelsen med indlæsnings- og fejltilstande.

Installation og Konfiguration af Redux Toolkit

Opsætning af store

Tilslutning af Redux til React