Redux and Modern Redux Toolkit with Asynchronous Operation – Full Course
Learn the core concepts of Redux and Redux Toolkit from @KhanamCoding. Master state management in React applications. This course covers everything from fundamentals to advanced patterns. You'll build real-world applications while learning industry best practices and avoiding common pitfalls.
? Code : https://github.com/khaiserkhanam/Redux-Code
? Redux Toolkit Code : https://github.com/khaiserkhanam/Redux-Toolkit-Code
Timestamps ⌛:
1️⃣ Redux Course
⌨️ (0:00:00) Course Overview
⌨️ (0:01:17) Introduction to Redux
⌨️ (0:06:10) Why Redux
⌨️ (0:11:27) What is Redux
⌨️ (0:14:41) Redux not for me?
⌨️ (0:16:57) useContext() or Redux
⌨️ (0:22:54) Getting started with Redux
⌨️ (0:26:03) The Three Core Concepts through Analogy
⌨️ (0:30:17) Three Essential Principles
⌨️ (0:35:53) Visualization of 3 Principles
⌨️ (0:37:48) Action and Action Creators
⌨️ (0:42:52) Reducers
⌨️ (0:53:02) Store Responsibilities
⌨️ (0:55:30) Implement Store Responsibilities
⌨️ (1:12:51) Upgrading Shop
⌨️ (1:15:39) Creating Multiple Reducers
⌨️ (1:25:00) Combine Reducers
⌨️ (1:31:03) Mechanism of the Redux
⌨️ (1:37:58) Middleware
⌨️ (1:42:51) Logger Middleware
⌨️ (1:51:41) Async Actions
⌨️ (1:57:23) Implementing Logic in code
⌨️ (2:07:33) Thunk middleware
⌨️ (2:29:36) React-Redux Setup
⌨️ (2:36:35) Professional Redux Folder Structure
⌨️ (2:42:22) Action and Action Creators
⌨️ (2:45:27) Reducers
⌨️ (2:50:41) Store
⌨️ (2:57:35) mapStateToProps
⌨️ (3:02:14) mapDispatchToProps
⌨️ (3:07:25) Connect Function
⌨️ (3:13:17) React Redux with Hooks
⌨️ (3:16:42) useSelector Hook
⌨️ (3:23:35) useDispatch Hook
⌨️ (3:27:26) Burger Application
⌨️ (3:39:02) Logger Middleware
⌨️ (3:43:24) Redux DevTool Extension
⌨️ (3:54:10) Action payload
⌨️ (4:04:39) Async Actions
⌨️ (4:19:01) Redux Thunk Get Request
⌨️ (4:35:45) Thunk using Hooks
⌨️ (4:37:48) Immer Library
⌨️ (4:53:34) Action Dispatching: Small Detail That Matte
⌨️ (5:00:13) Mistakes done by beginners while learning Redux
⌨️ (5:05:42) Redux Interview Questions
2️⃣ Redux Toolkit Course
⌨️ (5:08:48) Why Redux Toolkit
⌨️ (5:16:17) What is Redux Toolkit
⌨️ (5:23:45) Redux Toolkit Prerequisites
⌨️ (5:26:37) Redux Toolkit Setup
⌨️ (5:31:30) createSlice method
⌨️ (5:36:00) Creating Pizza Slice
⌨️ (5:49:15) Configuring Store
⌨️ (6:03:06) Creating Burger Slice
⌨️ (6:11:06) Logger Middleware
⌨️ (6:17:19) Extra Reducers
⌨️ (6:29:39) createAsyncThunk function
⌨️ (6:31:43) Async Thunks
⌨️ (6:51:52) Redux Toolkit Project Setup using Vite
⌨️ (6:55:07) Pizza and Burger Application
⌨️ (7:03:23) Pizza and Burger Components
⌨️ (7:06:43) Provider
⌨️ (7:09:55) useSelector Hook
⌨️ (7:14:30) useDispatch Hook
⌨️ (7:19:16) Customer Choice
⌨️ (7:27:05) Redux DevTools
⌨️ (7:29:59) Fetching Products Data
⌨️ (7:44:33) Redux Toolkit Interview Questions
⌨️ (7:47:00) Wrap Up
? Thanks to our Champion and Sponsor supporters:
? Drake Milly
? Ulises Moralez
? Goddard Tan
? David MG
? Matthew Springman
? Claudio
? Oscar R.
? jedi-or-sith
? Nattira Maneerat
? Justin Hual
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
? Code : https://github.com/khaiserkhanam/Redux-Code
? Redux Toolkit Code : https://github.com/khaiserkhanam/Redux-Toolkit-Code
Timestamps ⌛:
1️⃣ Redux Course
⌨️ (0:00:00) Course Overview
⌨️ (0:01:17) Introduction to Redux
⌨️ (0:06:10) Why Redux
⌨️ (0:11:27) What is Redux
⌨️ (0:14:41) Redux not for me?
⌨️ (0:16:57) useContext() or Redux
⌨️ (0:22:54) Getting started with Redux
⌨️ (0:26:03) The Three Core Concepts through Analogy
⌨️ (0:30:17) Three Essential Principles
⌨️ (0:35:53) Visualization of 3 Principles
⌨️ (0:37:48) Action and Action Creators
⌨️ (0:42:52) Reducers
⌨️ (0:53:02) Store Responsibilities
⌨️ (0:55:30) Implement Store Responsibilities
⌨️ (1:12:51) Upgrading Shop
⌨️ (1:15:39) Creating Multiple Reducers
⌨️ (1:25:00) Combine Reducers
⌨️ (1:31:03) Mechanism of the Redux
⌨️ (1:37:58) Middleware
⌨️ (1:42:51) Logger Middleware
⌨️ (1:51:41) Async Actions
⌨️ (1:57:23) Implementing Logic in code
⌨️ (2:07:33) Thunk middleware
⌨️ (2:29:36) React-Redux Setup
⌨️ (2:36:35) Professional Redux Folder Structure
⌨️ (2:42:22) Action and Action Creators
⌨️ (2:45:27) Reducers
⌨️ (2:50:41) Store
⌨️ (2:57:35) mapStateToProps
⌨️ (3:02:14) mapDispatchToProps
⌨️ (3:07:25) Connect Function
⌨️ (3:13:17) React Redux with Hooks
⌨️ (3:16:42) useSelector Hook
⌨️ (3:23:35) useDispatch Hook
⌨️ (3:27:26) Burger Application
⌨️ (3:39:02) Logger Middleware
⌨️ (3:43:24) Redux DevTool Extension
⌨️ (3:54:10) Action payload
⌨️ (4:04:39) Async Actions
⌨️ (4:19:01) Redux Thunk Get Request
⌨️ (4:35:45) Thunk using Hooks
⌨️ (4:37:48) Immer Library
⌨️ (4:53:34) Action Dispatching: Small Detail That Matte
⌨️ (5:00:13) Mistakes done by beginners while learning Redux
⌨️ (5:05:42) Redux Interview Questions
2️⃣ Redux Toolkit Course
⌨️ (5:08:48) Why Redux Toolkit
⌨️ (5:16:17) What is Redux Toolkit
⌨️ (5:23:45) Redux Toolkit Prerequisites
⌨️ (5:26:37) Redux Toolkit Setup
⌨️ (5:31:30) createSlice method
⌨️ (5:36:00) Creating Pizza Slice
⌨️ (5:49:15) Configuring Store
⌨️ (6:03:06) Creating Burger Slice
⌨️ (6:11:06) Logger Middleware
⌨️ (6:17:19) Extra Reducers
⌨️ (6:29:39) createAsyncThunk function
⌨️ (6:31:43) Async Thunks
⌨️ (6:51:52) Redux Toolkit Project Setup using Vite
⌨️ (6:55:07) Pizza and Burger Application
⌨️ (7:03:23) Pizza and Burger Components
⌨️ (7:06:43) Provider
⌨️ (7:09:55) useSelector Hook
⌨️ (7:14:30) useDispatch Hook
⌨️ (7:19:16) Customer Choice
⌨️ (7:27:05) Redux DevTools
⌨️ (7:29:59) Fetching Products Data
⌨️ (7:44:33) Redux Toolkit Interview Questions
⌨️ (7:47:00) Wrap Up
? Thanks to our Champion and Sponsor supporters:
? Drake Milly
? Ulises Moralez
? Goddard Tan
? David MG
? Matthew Springman
? Claudio
? Oscar R.
? jedi-or-sith
? Nattira Maneerat
? Justin Hual
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
freeCodeCamp.org
Learn to code for free....