Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Opprette Butikken med configureStore | Sette Opp Redux Toolkit i en React-app
Tilstandshåndtering med Redux Toolkit i React

bookOpprette Butikken med configureStore

Sveip for å vise menyen

Lageret er stedet hvor applikasjonens tilstand lagres.

I Redux Toolkit oppretter du det ved å bruke configureStore. Denne funksjonen setter opp alt for deg med fornuftige standardinnstillinger, slik at du slipper å håndtere komplisert konfigurasjon.

Opprette lageret

Åpne filen for lageret og definer lageret:

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

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

Akkurat nå er lageret tomt. Du vil legge til faktisk tilstandslogikk ved hjelp av slices i de neste kapitlene.

Hva configureStore gjør

Du trenger ikke å konfigurere alt manuelt.

configureStore gjør allerede følgende:

  • Setter opp Redux DevTools;
  • Aktiverer gode standardinnstillinger for utvikling;
  • Forbereder lageret for å fungere med asynkron logikk.

Dette er grunnen til at Redux Toolkit er mye enklere enn eldre Redux-oppsett.

Hvordan tenke om store

Store er et enkelt sted som holder på din globale tilstand. I stedet for å lagre data i mange komponenter, flytter du viktig tilstand inn i store. Komponenter leser deretter fra den og oppdaterer den gjennom definerte handlinger.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 2. Kapittel 2
some-alt