A Redux store is the object that holds your app's complete state tree, and the only place where that state can change. A standard Redux app has a single store.
Its main methods are:
getState()returns the current state.dispatch(action)sends an action, which runs the reducer and saves the new state.subscribe(listener)registers a listener that runs after each dispatch, and returns a function that unregisters it.
The core createStore function still works but is deprecated. Modern code uses Redux Toolkit's configureStore, which also adds the thunk middleware and connects Redux DevTools.
import { configureStore } from '@reduxjs/toolkit';
const store = configureStore({ reducer });
Rewriting in plainer words…
This answer doesn't lend itself to a diagram - it reads best . No credits were charged.
Why there's no diagram: “”
The interactive diagram is below the answer - jump to diagram ↓ · Below it, the related concept . Jump to it ↓
The diagram below the answer is the concept . Jump to it ↓
Tailored explanation · switch back to · ·
What should the new diagram focus on?