Redux Toolkit - Complete Tutorial ( with Project ) 🔥🔥

preview_player
Показать описание

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 -
Рекомендации по теме
Комментарии
Автор

Thanks bhai resume me daal rkha tha aaj samaj aaya

dhruvbandi
Автор

Please bring a Material UI crash course video. Nice content man, keep it up!

Alpha-ifyu
Автор

Remind me ro watch this just by giving a like

akgamings
Автор

Great Tutorial and yes need Tutorial for material UI

vivekrana
Автор

Thanks for this will you pls create more projects on redux it will be a great help for me, meanwhile with redux i will do "chap dapak dam dam "

kartikkaushik
Автор

Thank you for sharing this Piyush. Best Regards,

trellingfood
Автор

do we still use the old redux or toolkit is used everywhere??

devlopersessential
Автор

Subscribed your chennal I'm looking for redux then i found this video

arunraj
Автор

Also One complete Material UI Tutorial please sir

kartikkaushik
Автор

brother would you prefer Type Script or Java Script to use in scalable projects but I don't know ts
which is better ?

ashokn
Автор

PLEASE @RoadsideCoder - make a project on ReactJs with Gen AI implementation

TiashaBhowmik
Автор

kindly share git repo link for this project...

kishorekumar-rmho
Автор

@RoadsideCoder Please do material ui course its very helpful.

im_vasista
Автор

can you do a video on how to use redux toolkit with tanstack query both together

regilearn
Автор

If it is react why you are adding type script in it man I just need to know that it makes confusion for those who using react suddenly shifting to typescript if u using type script let's make typescript with redux toolkit

besspallysaikiran
Автор

bhiya mereko fullstack aata hai but mera 12th me second division hai kya kru please replay kro please please please please

Ram_.
Автор

redux is outdated zustand is most used in the market

ashwinnema