Summary  
This chapter explains how to integrate a Redux store into a React application by wrapping the root component with the Provider component from react-redux so that the store becomes accessible throughout the component tree.

General domain of usage  
State management in front-end web applications

## Øvelse
Når store er konfigureret, kan den bruges i appen. Vi skal gøre `store` tilgængelig for hele appen. Dette gøres i filen `index.js`.
```js
import React from "react";
import ReactDOM from "react-dom/client";
import { Provider } from "react-redux";
import App from "./App/App";
import store from "./redux/store";

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

**Kodeforklaring:**  Integration af Redux store i en React-app ved brug af `react-redux` biblioteket. Lad os gennemgå det trin for trin.
- Linje 3: Import af `Provider`-komponenten fra `react-redux` biblioteket;
- Linje 5: Import af `store`-objektet fra en fil kaldet `store.js`, placeret i en mappe kaldet `redux`;
- Linje 9-13: `Provider`-komponenten omslutter `App`-komponenten. `Provider`-komponenten er en højere-ordens komponent leveret af `react-redux`, som gør Redux store tilgængelig for komponenterne i appen;
- Linje 9: `store`-objektet gives som en prop til `Provider`-komponenten. Denne prop hedder `store`, og dens værdi er det importerede `store`-objekt.

Hvad er formålet med `Provider`-komponenten fra `react-redux` biblioteket?

Hvilken prop bruges til at give Redux store til `Provider`-komponenten?

Opdag styrken ved Redux Toolkit i samspil med React, og styrk dine færdigheder inden for state management. Dette kursus giver en omfattende introduktion til Redux Toolkit, et kraftfuldt bibliotek til håndtering af state. Lær at forenkle din Redux-opsætning, simplificere kompleks state-logik og skabe effektive, skalerbare React-applikationer.

Udforsk de grundlæggende koncepter inden for state management og lær, hvordan du udnytter Redux Toolkit. Vi guider dig gennem installationsprocessen og hjælper dig med at oprette dit første React Redux Toolkit-projekt. Derudover møder du en udfordring, der tester din forståelse og dine færdigheder.

Undersøgelse af Redux-integration med React-applikationer, med fokus på kernekoncepter: actions, reducers og Redux store. Indeholder praktiske eksempler og kodeforklaringer til konfiguration af en store, oprettelse af reducers og tilkobling af React-komponenter via hooks som useSelector og useDispatch.

Styrk dine færdigheder inden for state management. I denne praktiske workshop arbejder du med virkelighedsnære udfordringer og opnår praktisk erfaring med Redux Toolkit til effektiv applikationsudvikling.

Integration af Redux Store i React-Appen

Øvelse

1. Hvad er formålet med `Provider`-komponenten fra `react-redux` biblioteket?

2. Hvilken prop bruges til at give Redux store til `Provider`-komponenten?

Integration af Redux Store i React-Appen

Øvelse

1. Hvad er formålet med Provider-komponenten fra react-redux biblioteket?

2. Hvilken prop bruges til at give Redux store til Provider-komponenten?

1. Hvad er formålet med `Provider`-komponenten fra `react-redux` biblioteket?

2. Hvilken prop bruges til at give Redux store til `Provider`-komponenten?