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 ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) 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