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
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.
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
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...
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 :)
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!
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.❤❤
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..........
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.
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
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
Really fantastic video on Redux toolkit with project......understood well....but voice got lost before when you were explaining about the loading status.....
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?
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
Hi Nisha, I have one question after added the extra reducer you have removed everything from reducer. But fetch product doesn't throw any errors. For the the extra reducer how to declare below statement? export const { fetchProduct } = productSlice.actions;
mam but we can use thunk with extra reducer and put another product array inside the initial state like this:- const initialState = { product: [], cart: [] };
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
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..
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
Finally some real world example on redux toolkit, been tired of watching those counter and todo examples nth times.
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.
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
I watched so many videos regarding the redux toolkit... but ma'am you are awesome ❤
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...
No doubt you put your heart in teaching Redux❤. This is the best redux tutorial on TH-cam 😊
you are great , made the explaination easy , best video on redux toolkit.
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 :)
pinpointed accurate explanation at ease, explained in the very neat and clean way..many concepts cleared here. Big Thanks and keep it up, Nisha
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.
best video on redux-toolkit on youtube
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.
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
One of the best explanation i have ever seen. Thank you so much
Best video on React redux. Thanks a lot Nisha ji.
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.❤❤
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..........
This is one of the best beginner Redux Toolkit tutorials. tysm
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.
Really nice and easy to understand explanation of each and every line. Thank you for this video 😀😀
simple and straight forward. You are the best
one of the best and informatic tutorial for understanding redux toolkit. thank you
Mam thank you so much, iam waiting for the redux class from you, finally you fulfilled my expectation
Enjoy..Keep learning 😀
Very clear and concise, great teacher, thank you very much!
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
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
Perfect video to understand React Redux Toolkit, Thanks Nisha
Aapne ReactJS ke series bahuthi acchi banayi hai , please agle videos bhi upload kariyega .. AAPKI JAI HO
Thannks 2 uuuu u make real video with redux toolkit {On Add to cart project } :)
Its a good project for freshers. Thanku for ur contribution maam
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
Thankyou so much , I was struggling to find a proper resource and this was on point .
This is truly impressive!
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
You explain really well..!! Thankyou for making it so easy.
Explanation was excellent (I revised the cocepts Router, RTK & Async with redux)
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🥀
Really loved the video. Great content for free . Please keep posting videos regularly ❤❤
Great Great, the way step by step really great, Thank you so much
Thank you soo much, it's very useful for me. Your explaining way is awesome😍
Best video for beginner level...
Thank you very much. Very good tutorial. I am happy that I have learned React Redux Toolkit.
So easy to follow and understand, thanks!
API is showing Loading only when , i am using create async thunk . Please provide solution
nice explanation on react-redux, thank you so much.....
So Nice Tutorial. Super Excellent
Really fantastic video on Redux toolkit with project......understood well....but voice got lost before when you were explaining about the loading status.....
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??
Thank you so much Nisha, it is very helpful and informative in simple manner, great job
Super Lady☝ well Explained thanks a lot🤝
Explained very simple and clean ❤
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?
Excellent explanation ma'am..Thank you so much
Thanks a lot, its very good tutorial for covering the Redux-toolkit fundamentals.
Thanks ma'am, I'm Just waiting for this tutorial. ❤
Glad to know ..keep learning 😀
Thanks for your hard work.
Thank you. Going to watch this video in this weekend 🎉🎉
Thanks for this tutorial, it is very helpful and I do this along with you so it is to understand too
Best explanation, and of course all the use cases too.
this is very good video... happy to collab with you
Amazing tutorial! Thanks for this content!
Great tutorial on Redux toolkit
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
Thanks for this tutorial that you provide in single video. It's helpful if you make a video on RTK query
Funtastic, easy and and helpful
bestt video for redux toolkit
Outstanding
No words to say
Everything in one video. Thank you
Amazing video Got a good grasp on Redux Toolkit after seeing your video thanks a lot 🎇
1:05:00 timestamp for myself as i'll come back later. Awesome tutorial btw
It was helpful. Thank you Nisha.
Hey Sister , you're awesome. Thanks for sharing such a wonderful tutorial. i learned lot of from this tutorial and keep learnign with you ..
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
very helpful information 🙂🎉
Learned a lot. Keep up these good works.
thank you for the video, specially the last part of error codes globally
Great Video Mam👍
Awesome explanation Ma'am ! Thank you for sharing !
Thanks so much for giving such a beautiful tutorial
Well done!
Job well done! thanks a lot for this video.
wao an excelent course.
thank you so much your video so easy to learn and really help me to understand it simply...thanks a lot
I practiced Along w/ you Ma'am & it is very informative please continue Reactjs Interview series with Imp topics
Thanks for this amazing lecture. Subscribed.
Thanks Nisha, you are the best
Hi Nisha,
I have one question after added the extra reducer you have removed everything from reducer. But fetch product doesn't throw any errors. For the the extra reducer how to declare below statement?
export const { fetchProduct } = productSlice.actions;
mam but we can use thunk with extra reducer and put another product array inside the initial state like this:-
const initialState = {
product: [],
cart: []
};
a signle video has mostly all practicel nice work
Thanks a lot for this kind of useful content!
On clicking add to cart, a nested array of all data is passed to cart array
Thanks you so much madam for this vedio. please upload more on reactjs with typescript concepts
Thank you 😊
Thank you so much. Fantastic explanation
nice video
Excellent tutorial, thank you !