3. How does configureStore() differ from Redux’s createStore()?

Question

Accepted Answer

While both `configureStore()` and `createStore()` are used to create a Redux store, `configureStore()` from Redux Toolkit provides a simpler, safer, and more efficient setup compared to Redux’s traditional `createStore()` method. **1. Boilerplate Reduction:** `configureStore()` automatically sets up middleware, DevTools, and enhancers, while `createStore()` requires manual setup. **2. Default Middleware:** `configureStore()` includes `redux-thunk` and checks for common issues like accidental state mutations; `createStore()` includes none by default. **3. DevTools Integration:** Redux DevTools are automatically enabled in `configureStore()`, but must be manually configured in `createStore()`. **4. Middleware Composition:** In `configureStore()`, you can easily extend middleware via `getDefaultMiddleware()`, while in `createStore()` you must use `applyMiddleware()` manually. **5. Better Type Safety:** `configureStore()` provides built-in TypeScript support and typed dispatch and state, unlike `createStore()`. // Using configureStore (Recommended)
import { configureStore } from '@reduxjs/toolkit';
import rootReducer from './rootReducer';

const store = configureStore({
  reducer: rootReducer,
});

// Using createStore (Legacy)
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './rootReducer';

const store = createStore(
  rootReducer,
  applyMiddleware(thunk)
); The `configureStore()` approach simplifies setup and enforces best practices out of the box, while `createStore()` requires manual configuration for even basic features like middleware and DevTools. **- Cleaner Setup:** Minimal configuration required to get started. **- Built-in Safety:** Middleware detects accidental state mutations and non-serializable values. **- Developer Friendly:** Automatically connects to Redux DevTools and supports RTK Query integration. **- Modern Standard:** Recommended approach in all Redux Toolkit-based projects. In summary, `configureStore()` is a modern replacement for `createStore()` that emphasizes simplicity, safety, and developer experience.

3. How does configureStore() differ from Redux’s createStore()?

Difference Between configureStore() and createStore()

3. How does configureStore() differ from Redux’s createStore()?

Difference Between configureStore() and createStore()

Scenario Questions

Follow-up Questions