Installasjon og Konfigurasjon av Redux Toolkit

For å begynne å bruke Redux Toolkit, må du installere det sammen med React-bindingene.

Kjør følgende kommando i prosjektet ditt:

npm install @reduxjs/toolkit react-redux

Dette installerer alt du trenger for å opprette en store og koble den til React-appen din.

Oppsett av store

Opprett en ny fil for store. En vanlig plassering er:

src/store/store.js

I denne filen oppretter du store ved å bruke configureStore:

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

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

På dette tidspunktet er store tom. Du vil legge til reducers i de neste kapitlene.

Koble Redux til React

For å gjøre store tilgjengelig i appen din, pakk inn rotkomponenten din med Provider.

Åpne hovedfilen for oppstart (for eksempel main.jsx eller index.js) og oppdater den slik:

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>
);

Nå er Redux store tilgjengelig i alle komponenter.