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 butikken er konfigurert, kan den brukes i appen. Vi må gjøre `store` tilgjengelig for hele appen. Dette gjør vi i `index.js`-filen.
```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:**  Integrasjon av Redux-butikken i en React-app ved bruk av `react-redux`-biblioteket. La oss gå gjennom det steg for steg.
- Linje 3: Importerer `Provider`-komponenten fra `react-redux`-biblioteket;
- Linje 5: Importerer `store`-objektet fra en fil kalt `store.js`, som ligger i en mappe kalt `redux`;
- Linje 9-13: `Provider`-komponenten omslutter `App`-komponenten. `Provider` er en høyere ordens komponent levert av `react-redux` som gjør Redux-butikken tilgjengelig for komponentene i appen;
- Linje 9: `store`-objektet sendes som en prop til `Provider`-komponenten. Denne propen heter `store`, og verdien er det importerte `store`-objektet.

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

Hvilken prop brukes for å gi Redux store til `Provider`-komponenten?

Oppdag kraften i Redux Toolkit sammen med React, og styrk dine ferdigheter innen tilstandshåndtering. Dette kurset gir en grundig introduksjon til Redux Toolkit, et kraftig bibliotek for tilstandshåndtering. Lær hvordan du kan forenkle Redux-oppsettet, forenkle kompleks tilstandslogikk og lage effektive, skalerbare React-applikasjoner.

Utforsk de grunnleggende konseptene innen tilstandshåndtering og lær hvordan du kan utnytte kraften i Redux Toolkit. Vi veileder deg gjennom installasjonsprosessen og hjelper deg med å opprette ditt første React Redux Toolkit-prosjekt. I tillegg får du en utfordring for å teste din forståelse og ferdigheter.

Undersøk integrasjon av Redux med React-applikasjoner, med fokus på kjernebegreper: actions, reducers og Redux store. Inkluderer praktiske eksempler og kodeforklaringer for konfigurasjon av store, opprettelse av reducers og tilkobling av React-komponenter via hooks som useSelector og useDispatch.

Styrk ferdighetene dine innen tilstandshåndtering. I dette praktiske verkstedet løser du reelle utfordringer og får praktisk erfaring med å bruke Redux Toolkit for smidig applikasjonsutvikling.

Integrering av Redux Store i React-appen

Øvelse

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

2. Hvilken prop brukes for å gi Redux store til `Provider`-komponenten?

Awesome!

Integrering av Redux Store i React-appen

Øvelse

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

2. Hvilken prop brukes for å gi Redux store til `Provider`-komponenten?

Integrering av Redux Store i React-appen

Øvelse

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

2. Hvilken prop brukes for å gi Redux store til Provider-komponenten?

Awesome!

Integrering av Redux Store i React-appen

Øvelse

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

2. Hvilken prop brukes for å gi Redux store til Provider-komponenten?

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

2. Hvilken prop brukes for å gi Redux store til `Provider`-komponenten?

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

2. Hvilken prop brukes for å gi Redux store til `Provider`-komponenten?