Master state management in React applications through this comprehensive 7.5-hour course covering both classic Redux and modern Redux Toolkit. Start with fundamental concepts like actions, reducers, and store management before progressing to advanced patterns including middleware, async operations, and the professional folder structure. Build real-world applications while learning to implement Redux and Redux Toolkit in React projects, handle asynchronous operations with Thunk middleware, and utilize hooks like useSelector and useDispatch. Practice with hands-on examples including a burger application and a pizza ordering system, while avoiding common beginner mistakes. Explore essential tools like Redux DevTools, Logger middleware, and the Immer library. Complete the learning journey with practical interview preparation covering both Redux and Redux Toolkit concepts. Access accompanying code repositories for hands-on practice and reference.
Overview
Syllabus
⌨️ Course Overview
⌨️ Introduction to Redux
⌨️ Why Redux
⌨️ What is Redux
⌨️ Redux not for me?
⌨️ useContext or Redux
⌨️ Getting started with Redux
⌨️ The Three Core Concepts through Analogy
⌨️ Three Essential Principles
⌨️ Visualization of 3 Principles
⌨️ Action and Action Creators
⌨️ Reducers
⌨️ Store Responsibilities
⌨️ Implement Store Responsibilities
⌨️ Upgrading Shop
⌨️ Creating Multiple Reducers
⌨️ Combine Reducers
⌨️ Mechanism of the Redux
⌨️ Middleware
⌨️ Logger Middleware
⌨️ Async Actions
⌨️ Implementing Logic in code
⌨️ Thunk middleware
⌨️ React-Redux Setup
⌨️ Professional Redux Folder Structure
⌨️ Action and Action Creators
⌨️ Reducers
⌨️ Store
⌨️ mapStateToProps
⌨️ mapDispatchToProps
⌨️ Connect Function
⌨️ React Redux with Hooks
⌨️ useSelector Hook
⌨️ useDispatch Hook
⌨️ Burger Application
⌨️ Logger Middleware
⌨️ Redux DevTool Extension
⌨️ Action payload
⌨️ Async Actions
⌨️ Redux Thunk Get Request
⌨️ Thunk using Hooks
⌨️ Immer Library
⌨️ Action Dispatching: Small Detail That Matte
⌨️ Mistakes done by beginners while learning Redux
⌨️ Redux Interview Questions
⌨️ Why Redux Toolkit
⌨️ What is Redux Toolkit
⌨️ Redux Toolkit Prerequisites
⌨️ Redux Toolkit Setup
⌨️ createSlice method
⌨️ Creating Pizza Slice
⌨️ Configuring Store
⌨️ Creating Burger Slice
⌨️ Logger Middleware
⌨️ Extra Reducers
⌨️ createAsyncThunk function
⌨️ Async Thunks
⌨️ Redux Toolkit Project Setup using Vite
⌨️ Pizza and Burger Application
⌨️ Pizza and Burger Components
⌨️ Provider
⌨️ useSelector Hook
⌨️ useDispatch Hook
⌨️ Customer Choice
⌨️ Redux DevTools
⌨️ Fetching Products Data
⌨️ Redux Toolkit Interview Questions
⌨️ Wrap Up
Taught by
freeCodeCamp.org
