Creating the Store with configureStore

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.