Learn modern Redux by doing. This course teaches Redux Toolkit — the official, boilerplate-free way to use Redux today. Every topic is a piece of code you can read, copy, and run in a Next.js app, from your first store and slice to async thunks, RTK Query, and keeping it all fast.
Redux Toolkit manages state for a React app — know React (and ideally TypeScript) first.
Before you start
This course teaches Redux Toolkit (RTK), the modern way to write Redux. If you find older tutorials with hand-written action types, switch reducers, and connect() — that is the legacy style RTK replaced. You will not need it.
To practice on your computer:
pnpm create next-app@latest my-app --yes (or npx create-next-app@latest my-app --yes), then open the my-app folder in VS Code.Ctrl+`), install Redux Toolkit: pnpm add @reduxjs/toolkit react-redux (or npm install @reduxjs/toolkit react-redux).pnpm dev (or npm run dev) and build up the files from each lesson — store.ts, your slices, and the components — then view them at http://localhost:3000.The Store & Slices
Start with modern Redux Toolkit — why a global store exists, configureStore, a first slice with createSlice, the auto-generated actions, and wiring the Provider into a Next.js app.
Reading & Dispatching in Components
Connect components to the store — typed useSelector and useDispatch hooks, reading just the slice you need, dispatching actions from event handlers, and selecting derived values.
Async Logic with Thunks
Handle data that loads over time — why async needs special handling, createAsyncThunk for API calls, and tracking pending, fulfilled, and rejected states with extraReducers.
Data Fetching with RTK Query
Let Redux fetch for you — define an API slice with endpoints, read data with auto-generated hooks, send writes with mutations, and refresh the screen automatically with cache tags.
Selectors & Performance
Keep a Redux app fast and tidy — reusable selectors, memoized derived data with createSelector, and the everyday rules that keep re-renders to a minimum.