Learn Redux Toolkit in 1 video with Project | React Redux Toolkit |Redux Toolkit Tutorial
Вставка
- Опубліковано 5 лют 2025
- Hey Everyone,
In this single video, we are going to learn about redux toolkit and its important features with project implementations.
Along with redux-toolkit, will also learn about routing and react-bootstrap integration in React project.
If this video helped you , then show your love and support by giving like to this video and share with your colleagues/friends.
Prerequisite of this course is , you should know basics of React.
Checkout React playlist here..
• ReactJS Tutorial - Int...
#react #reduxtoolkit #redux
I wanted to say u are the only one on youTube explaining this topic like this step by step and clear ... Thank You for your effort..
Finally some real world example on redux toolkit, been tired of watching those counter and todo examples nth times.
timestamps
3:40 - redux vs redux toolkit
8:07 - set up project
19:20 - baisc routing (react-router-dom)
26:30 - navbar
32:38 - understanding need of Redux toolkit
34:37 - installing redux toolki
37:21 - creating first slice (cartSlice)
43:19 - creating store
48:00 - redux dev tools
49:38 - calling actions
1:03:00 - Middleware (redux-thunk)
1:13:30 - create async-thunk
query: can I use Tanstack query instead using the async-thunk when I am using redux toolkit in a project
,ŹE 1
Thanks
Thanks for this tutorial. This one is the best redux toolkit tutorial on youtube. Understood all the concepts very well. 👍
OMG!!!.....best redux toolkit on youtube, detailed explanation. I have watch many many believe non is close to this. thank God I found you. thank very much.
3:40 - redux vs redux toolkit
8:07 - set up project
19:20 - baisc routing (react-router-dom)
26:30 - navbar
32:38 - understanding need of Redux toolkit
34:37 - installing redux toolki
37:21 - creating first slice (cartSlice)
43:19 - creating store
48:00 - redux dev tools
49:38 - calling actions
1:03:00 - Middleware (redux-thunk)
1:13:30 - create async-thunk
you are great , made the explaination easy , best video on redux toolkit.
Thanks for this tutorial, it was super helpful. Towards the end, I encountered a minor issue while adding products. When I add just one product from each category, it works perfectly for removing them one by one. However, when I add multiple instances of the same product (e.g., 5 red t-shirts), I can't remove just one; it removes all of them. Just wanted to bring this to your attention. Nonetheless, I appreciate your tutorial!
same , i think its cause of how the remove function has been written.. I will try to fix it
it is one of the best redux tool kit project for beginner easy to understand way of explanation... thank you very much... i have watch many videos but i can't understand clearly... but in this video clear my all doubts...
Thanks, this video is one of the best i have came across! I was struggling to understand the Redux. but you have explained it very well.
I watched so many videos regarding the redux toolkit... but ma'am you are awesome ❤
I was back again after 8 months and let me tell all that this is the BEST video where I found everything in structured manner. No confusion in understanding and learning this things in one shot.. Thanks Nisha, keep it up with good videos
Hi Nisha, you have perfectly explained about Redux Toolkit with a proper use case to understand. It was very useful for me. Thanks a lot.
pinpointed accurate explanation at ease, explained in the very neat and clean way..many concepts cleared here. Big Thanks and keep it up, Nisha
No doubt you put your heart in teaching Redux❤. This is the best redux tutorial on UA-cam 😊
Hey Nisha, Nicely explained, I wanted to say you are the only one on youTube explaining this topic like this step by step and clear, Thank You for your effort.. please keep posting...
create same with typescript also :)
It's a really verry usefull video for me becouse we can try to learn flow of the redux but any one can't explain the flow of the data but you can explain all the thinks. so thank you again to create this type of contains.❤❤
One of the best explanation i have ever seen. Thank you so much
Thankyou so much , I was struggling to find a proper resource and this was on point .
"You literally made Redux easy to understand!" 🚀
one of the best and informatic tutorial for understanding redux toolkit. thank you
Really nice and easy to understand explanation of each and every line. Thank you for this video 😀😀
This is one of the best beginner Redux Toolkit tutorials. tysm
Woow it's amazing, I was looking fo exact project of redujs/toolkit. Thank you 😊😊
Hi Nisha, I'm a huge fan of yours! I've been learning from your Angular videos, and they are really helpful. Thank you so much for creating them🥀
Very clear and concise, great teacher, thank you very much!
Thank you soo much, it's very useful for me. Your explaining way is awesome😍
Excellent Explanation i seemed lot of videos to learn redux but this one was very very beautiful and clean explanation..........Thank u maam ...Thank u very lot..........
simple and straight forward. You are the best
It's really nice and very easy explaination and very under-rated video i think, last part is little complex but new things to learn.
Mam thank you so much to explain the topic in such a detailed and simple manner
best video on redux-toolkit on youtube
thank you for an educative tutorial. please I got stuck at the productSlice.js, after importing the initialState data using the useSelector. an error of map is not a function came up. and also at the redux extension it is given me {} object and not [] object. pls where did I get it wrong. thank you
Thank you very much. Very good tutorial. I am happy that I have learned React Redux Toolkit.
Thannks 2 uuuu u make real video with redux toolkit {On Add to cart project } :)
Thank you so much Nisha, it is very helpful and informative in simple manner, great job
Best video on React redux. Thanks a lot Nisha ji.
Great Great, the way step by step really great, Thank you so much
Mam thank you so much, iam waiting for the redux class from you, finally you fulfilled my expectation
Enjoy..Keep learning 😀
Perfect video to understand React Redux Toolkit, Thanks Nisha
Thank you so much for making this video, this is exactly what I was looking for.
have you written and executed the code yourself? i mean any error??
the best redux toolkit tutorials i've ever seen so far! Hat off. If You can to the same with Nextjs it would be awesome
Its a good project for freshers. Thanku for ur contribution maam
Thanks for this tutorial, it is very helpful and I do this along with you so it is to understand too
Explanation was excellent (I revised the cocepts Router, RTK & Async with redux)
Hey Sister , you're awesome. Thanks for sharing such a wonderful tutorial. i learned lot of from this tutorial and keep learnign with you ..
Absolutely The Best ! Subscribed within 30 mins of content , and now completed . Great line to line explanation with unusual development project in a very understandable manner . Thank you so Much !!!!!!!!!!!!!! Keep Going Maam
You explain really well..!! Thankyou for making it so easy.
So easy to follow and understand, thanks!
Thanks for this tutorial that you provide in single video. It's helpful if you make a video on RTK query
Amazing video Got a good grasp on Redux Toolkit after seeing your video thanks a lot 🎇
Awesome explaination step by step.
Also the explaining way is clear to understand. may i know the strategy behind this, like how much time you spent re-harsing, or did you have any structure to follow? just of understanding.
Thanks for content! hope to see more contents like this.
Aapne ReactJS ke series bahuthi acchi banayi hai , please agle videos bhi upload kariyega .. AAPKI JAI HO
Really loved the video. Great content for free . Please keep posting videos regularly ❤❤
Explained very simple and clean ❤
API is showing Loading only when , i am using create async thunk . Please provide solution
Amazing tutorial! Thanks for this content!
Thanks so much for giving such a beautiful tutorial
thank you so much your video so easy to learn and really help me to understand it simply...thanks a lot
thank you for the video, specially the last part of error codes globally
This is truly impressive!
Thanks a lot, its very good tutorial for covering the Redux-toolkit fundamentals.
Excellent explanation ma'am..Thank you so much
nice explanation on react-redux, thank you so much.....
Q》why we need to fetch the product data using redux-thunk Middleware, if we can fetch it at component level using using useEffect and useState ?
Ans》beacuse by doing so we can store our product data at global level inside the redux store , so that any other component can easily get it or even modify it without the props drilling.
Q》why we use Middleware ?
ANS》only redux can't handle the asynchronous state updates so we indtroduce Middleware like redux-thunk or redux-saga to handle these asynchronous operations.
Job well done! thanks a lot for this video.
Super Lady☝ well Explained thanks a lot🤝
Really fantastic video on Redux toolkit with project......understood well....but voice got lost before when you were explaining about the loading status.....
Thanks for this amazing lecture. Subscribed.
Thank you. Going to watch this video in this weekend 🎉🎉
So Nice Tutorial. Super Excellent
Thanks ma'am, I'm Just waiting for this tutorial. ❤
Glad to know ..keep learning 😀
Learned a lot. Keep up these good works.
That's by far one of the best explanatory video I've seen one you tube about redux toolkit...thank you madame...But I have one question : what 's the purpose of the second part of this video whereas you have already fetch the data from an API? I mean, why make an API call with the help of Redux toolkit?Does the first method is not enough? thank you.
Excellent explanation but i have one query that after adding product to the cart they are adding but not displaying image,price n title... After clicking on remove button all the items are removing from cart...plz help
It was helpful. Thank you Nisha.
Best explanation, and of course all the use cases too.
Very helpful this Video 😍
Best video for beginner level...
bestt video for redux toolkit
Everything in one video. Thank you
Thanks you so much madam for this vedio. please upload more on reactjs with typescript concepts
Thank you 😊
Its really helpfull, thanks 😭
Thanks a lot for this kind of useful content!
Thank you very much Nisha Singla. I learnt a lot from your videos, and your teaching approach is superb. I also saved your Instagram JS and React-related posts which were quite helpful. I believe you overlooked RTK QUERY. Could you possibly add an explanation video about RTK QUERY the next time?
Thanks for your hard work.
this is very good video... happy to collab with you
Funtastic, easy and and helpful
Thank you so much. Fantastic explanation
Nice tutorials! Unfortunately, I'm having an error @ 1:12:00 ERROR products.map is not a function? Appreciate any help please. Thanks.
yes i too encounter the same error
Already get this sorted. I can provide working codes if needed?
same for me too, can u provide any workaround
This is the solution
( cards =Object.values( products).map((product) => )
@@imonw3b This is the solution
( cards =Object.values( products).map((product) => )
Awesome explanation Ma'am ! Thank you for sharing !
Thank you for your efforts!
Great tutorial on Redux toolkit
a signle video has mostly all practicel nice work
Thanks Nisha, you are the best
nice video
What about useReducer hook ?
It also does the same right ?
Great Video Mam👍
very helpful information 🙂🎉
Thankyou mam great explanation overall !!!