Post Content
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 :
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
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 Read More freeCodeCamp.org
#programming #freecodecamp #learn #learncode #learncoding