Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Creating the Store with configureStore | Setting Up Redux Toolkit in a React App
Tilanhallinta Redux Toolkitilla Reactissa

bookCreating the Store with configureStore

Pyyhkäise näyttääksesi valikon

The store is the place where your application state lives.

In Redux Toolkit, you create it using configureStore. This function sets up everything for you with sensible defaults, so you don't have to deal with complex configuration.

Creating the Store

Open your store file and define the store:

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

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

Right now, the store is empty. You will add actual state logic using slices in the next chapters.

What configureStore Does

You don't need to configure everything manually.

configureStore already:

  • Sets up Redux DevTools;
  • Enables good defaults for development;
  • Prepares the store to work with async logic.

This is why Redux Toolkit is much simpler than older Redux setups.

How to Think About the Store

The store is a single place that holds your global state. Instead of storing data inside many components, you move important state into the store. Components then read from it and update it through defined actions.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 2. Luku 2
some-alt