🏪

Redux Toolkit (RTK)

Intermediate → Advanced

The official, opinionated toolset for Redux — built-in Immer, createAsyncThunk, and RTK Query

Redux Toolkit vs Redux

RTK is the modern way to write Redux. It eliminates boilerplate: no separate action creators, no switch statements, Immer built-in for mutable syntax. Install: npm i @reduxjs/toolkit react-redux

configureStore & createSlice — The Foundation

intermediate

configureStore sets up Redux with DevTools + middleware. createSlice automatically generates action creators and action types from reducers.

createAsyncThunk — Async Actions

intermediate

Handle async operations (API calls) with built-in pending/fulfilled/rejected lifecycle. Works with extraReducers in your slice.

createSelector — Memoized Selectors

advanced

createSelector from reselect creates memoized selectors that only recompute when inputs change. Essential for derived state and performance.

Redux Toolkit — Entity Adapter & RTK Query

advanced

createEntityAdapter normalizes state shape for CRUD operations. RTK Query is a powerful data fetching and caching solution built into Redux Toolkit.

🏪 Redux Resources

📚Redux Toolkit Docs 📝Redux Essentials Tutorial 📚RTK Query Guide ▶️Redux Playground 📝Redux DevTools Extension 🐙Redux Toolkit GitHub 📚Reselect Docs