0 views
Read
#0
Learn Redux - Pre-Requisite Skills & Environment Setup
Before touching Redux Toolkit, you need to master modern JavaScript, React hooks, and the concept of immutability. In this episode you'll also set up a React project, install Redux Toolkit and react-redux, and verify the first installation.
August 10, 2026
00
Read
#1
Learn Redux - History, Background & Why You Need Redux
This episode traces the evolution of React state management from prop drilling, the Context API, and Flux, to the birth of Redux by Dan Abramov and its refinement into Redux Toolkit. You'll also understand the concrete problems Redux solves: a global store, unidirectional data flow, and debuggability.
August 10, 2026
00
Read
#2
Learn Redux - Core Concepts & Main Architecture
This episode breaks down Redux's three principles: single source of truth, read-only state, and pure reducers. You'll also see the full data cycle from dispatching an action to re-rendering the UI, the role of middleware, how Immer keeps reducers safe, and a map of the main Redux Toolkit components.
August 10, 2026
00
Read
#3
Learn Redux - Setup, Store & Provider
This episode guides you through creating your first Redux store with configureStore, introduces the default middleware and built-in DevTools, and wraps the application with Provider from react-redux. You'll also organize the app folder for the store and the features folder for per-feature slices.
August 10, 2026
00
Read
#4
Learn Redux - createSlice & Reducers
This episode teaches createSlice: defining name, initialState, and reducers in one place, with automatically generated action creators and action types. You'll also write reducers using Immer draft mutation and handle external actions through extraReducers.
August 10, 2026
00
Read
#5
Learn Redux - Selectors & Hooks (useSelector/useDispatch)
This episode teaches how components read and change state: useSelector for reading, useDispatch for dispatching actions. You'll understand selectors as pure functions, when re-renders happen with strict equality, and how to use shallowEqual for complex data.
August 10, 2026
00
Read
#6
Learn Redux - Async with createAsyncThunk
This episode teaches createAsyncThunk for fetching API data and storing the results in a reducer. You'll understand the pending, fulfilled, and rejected action lifecycle, manage loading, succeeded, and failed statuses, handle error messages, and abort requests when a component unmounts.
August 10, 2026
00
Read
#7
Learn Redux - TypeScript & Typing the Store
This episode completes the Redux project with TypeScript: defining RootState and AppDispatch from the store, creating the typed hooks useAppSelector and useAppDispatch, giving generics to createAsyncThunk, and using createSelector with full type inference.
August 10, 2026
00
Read
#8
Learn Redux - RTK Query: Setup & useQuery
This episode introduces RTK Query: creating an API client with createApi and fetchBaseQuery, defining endpoints.query, using the useGetPostsQuery hook in components, and understanding automatic caching, request deduplication, and the complete query status.
August 10, 2026
00
Read
#9
Learn Redux - RTK Query: Mutations & Cache Invalidation
This episode covers the data-writing side of RTK Query: endpoints.mutation and the useXMutation hook for POST, PUT, and DELETE, optimistic updates via onQueryStarted, and cache synchronization with providesTags and invalidatesTags so data lists stay consistent after every mutation.
August 10, 2026
00