filmov
tv
Redux Toolkit - Complete Tutorial ( with Project ) 🔥🔥
Показать описание
How to use Redux Toolkit to manage state in a scalable and efficient way. Redux Toolkit simplifies state management in React apps by reducing boilerplate and offering a powerful, yet easy-to-use API with Redux Thunk Middleware as well. In this tutorial, we'll build a habit tracker app, integrating Redux Toolkit for state management.
🔗 React JS Interview Series -
👤 Join the RoadsideCoder Community Discord -
🔗 MERN Stack Chat App Tutorial -
🔗 Complete Data Structures and Algorithms with JS Course -
🔗 JS Interview Series -
🔗 Cars24 Interview Experience -
🔗 Unacademy Interview Experience -
🔗 Tazorpay Interview Experience -
🔗 React Beginner's Project Tutorials -
#reactjstutorial #frontend #ReactJS
-------------------------------------------------------------------------
00:00 Why Redux?
00:41 What we will build
01:14 How Redux Works
03:33 Setup a React + Typescript App
07:23 Creating Redux Store
09:21 Slices in Redux
10:57 Creating habit slice
13:43 Redux DevTools Extension
14:31 Exporting State and DIspatch Types
15:54 Creating App UI
20:15 addHabit Action
25:23 Rendering the Habits
31:58 toggleHabit Action
35:05 Assignment
35:36 Displaying the Streak
38:36 Redux Thunk Middleware - Async Actions
40:55 extraReducers
44:50 Habit Statistics
-------------------------------------------------------------------------
⭐ Support the channel -
Special Thanks to our members -
Комментарии