Learn Redux Toolkit in 1 video with Project | React Redux Toolkit |Redux Toolkit Tutorial

  Рет қаралды 114,521

Nisha Singla

Nisha Singla

Жыл бұрын

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

Пікірлер: 217
@alidurul2597
@alidurul2597 9 ай бұрын
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..
@eggrat3381
@eggrat3381 Жыл бұрын
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
@shrshr943
@shrshr943 7 ай бұрын
,ŹE 1
@user-jb7fq1ky3i
@user-jb7fq1ky3i Ай бұрын
Thanks
@codewithAbdulMumin
@codewithAbdulMumin 10 ай бұрын
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.
@sabujdeeptudu6215
@sabujdeeptudu6215 10 ай бұрын
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.
@sarthijoshi9995
@sarthijoshi9995 20 күн бұрын
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
@sarthijoshi9995
@sarthijoshi9995 9 ай бұрын
pinpointed accurate explanation at ease, explained in the very neat and clean way..many concepts cleared here. Big Thanks and keep it up, Nisha
@anandgarikapati3769
@anandgarikapati3769 Жыл бұрын
Really loved the video. Great content for free . Please keep posting videos regularly ❤❤
@naganathan5312
@naganathan5312 Жыл бұрын
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?
@amitsarahpal6797
@amitsarahpal6797 Жыл бұрын
I practiced Along w/ you Ma'am & it is very informative please continue Reactjs Interview series with Imp topics
@neerajagrawal709
@neerajagrawal709 7 ай бұрын
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 :)
@aswinvignesh3985
@aswinvignesh3985 9 ай бұрын
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
@TArtGallery
@TArtGallery 7 ай бұрын
API is showing Loading only when , i am using create async thunk . Please provide solution
@sanjay2102
@sanjay2102 3 ай бұрын
This is one of the best beginner Redux Toolkit tutorials. tysm
@VaibhavPrasad
@VaibhavPrasad Жыл бұрын
You explain really well..!! Thankyou for making it so easy.
@kumar_awadhesh
@kumar_awadhesh Жыл бұрын
Thank you. Going to watch this video in this weekend 🎉🎉
@minhazz
@minhazz 10 ай бұрын
Learned a lot. Keep up these good works.
@arundhwajiiith
@arundhwajiiith 9 ай бұрын
Thanks a lot, its very good tutorial for covering the Redux-toolkit fundamentals.
@malayalenka9164
@malayalenka9164 Жыл бұрын
Fabulous explanation, practised!
@chintuadhana7075
@chintuadhana7075 8 ай бұрын
Really nice and easy to understand explanation of each and every line. Thank you for this video 😀😀
@billypentester
@billypentester 10 ай бұрын
Best explanation, and of course all the use cases too.
@arjun_mavnoor
@arjun_mavnoor 4 ай бұрын
Explanation was excellent (I revised the cocepts Router, RTK & Async with redux)
@user-xf5qg5xn4m
@user-xf5qg5xn4m 2 ай бұрын
Thankyou so much , I was struggling to find a proper resource and this was on point .
@sumanmukherjee3670
@sumanmukherjee3670 10 ай бұрын
Awesome explanation Ma'am ! Thank you for sharing !
@sunilkumbhar7042
@sunilkumbhar7042 9 ай бұрын
Aapne ReactJS ke series bahuthi acchi banayi hai , please agle videos bhi upload kariyega .. AAPKI JAI HO
@DeadSoul311
@DeadSoul311 Жыл бұрын
Please make a video on how to achieve full responsiveness in react using figma,there are very few videos so it will be helpful for all
@nithish1742
@nithish1742 8 ай бұрын
One of the best explanation i have ever seen. Thank you so much
@himanshujaviya6021
@himanshujaviya6021 10 ай бұрын
Amazing video Got a good grasp on Redux Toolkit after seeing your video thanks a lot 🎇
@Global-Motivational-Hub
@Global-Motivational-Hub 7 ай бұрын
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...
@apnacode8094
@apnacode8094 11 ай бұрын
Hey Sister , you're awesome. Thanks for sharing such a wonderful tutorial. i learned lot of from this tutorial and keep learnign with you ..
@rajranjan8984
@rajranjan8984 6 ай бұрын
Woow it's amazing, I was looking fo exact project of redujs/toolkit. Thank you 😊😊
@mohammedrefat1491
@mohammedrefat1491 Жыл бұрын
Thank you for this awesome tutorial.❤
@muthumaran4741
@muthumaran4741 Жыл бұрын
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;
@utkarshpatel949
@utkarshpatel949 3 ай бұрын
best video on redux-toolkit on youtube
@gopinathkrm58
@gopinathkrm58 9 ай бұрын
Great tutorial on Redux toolkit
@annabadyka4658
@annabadyka4658 8 ай бұрын
Excellent tutorial, thank you !
@chanduroyal4330
@chanduroyal4330 Жыл бұрын
Mam thank you so much, iam waiting for the redux class from you, finally you fulfilled my expectation
@NishaSingla
@NishaSingla Жыл бұрын
Enjoy..Keep learning 😀
@mahieerati6505
@mahieerati6505 11 ай бұрын
Outstanding No words to say
@antimrevapati8992
@antimrevapati8992 4 ай бұрын
Thank you so much for making this video, this is exactly what I was looking for.
@Chad-pi5if
@Chad-pi5if Ай бұрын
have you written and executed the code yourself? i mean any error??
@programmingwithali
@programmingwithali Жыл бұрын
thank you so much your video so easy to learn and really help me to understand it simply...thanks a lot
@sengargaming007
@sengargaming007 6 ай бұрын
Thanks for this tutorial, it is very helpful and I do this along with you so it is to understand too
@SwapnilKore-tl4jd
@SwapnilKore-tl4jd 2 ай бұрын
nice explanation on react-redux, thank you so much.....
@sparsh-0384
@sparsh-0384 3 ай бұрын
Explained very simple and clean ❤
@thimiraakash8941
@thimiraakash8941 9 ай бұрын
Great tutorial!!💙
@sudhanshusharma9888
@sudhanshusharma9888 Жыл бұрын
Thanks for quality content
@saidburhonrasahodjaev9775
@saidburhonrasahodjaev9775 8 ай бұрын
Thanks a lot for this kind of useful content!
@minajmalek7596
@minajmalek7596 5 күн бұрын
it's amazing!! thank you so much. I tried many videos before to learn redux toolkit but found it difficult, but you have made it easier. keep going.
@gauravjaiswal7296
@gauravjaiswal7296 2 ай бұрын
Its a good project for freshers. Thanku for ur contribution maam
@abhinavchaudhary11
@abhinavchaudhary11 Жыл бұрын
very well explained! thanks!
@singsarav
@singsarav 7 ай бұрын
So Nice Tutorial. Super Excellent
@SyedHazratRazaQuadri
@SyedHazratRazaQuadri 4 ай бұрын
Thank you so much Nisha, it is very helpful and informative in simple manner, great job
@rajkumarramineni8004
@rajkumarramineni8004 Жыл бұрын
Mam thank you so much for the all reactjs and redux toolkit videos. Can u please upload at least one project all react and redux toolkit concept
@user-ko3kf4ts5g
@user-ko3kf4ts5g 2 ай бұрын
Job well done! thanks a lot for this video.
@alexcodedominican
@alexcodedominican 10 ай бұрын
wao an excelent course.
@dibyendudhauri
@dibyendudhauri Жыл бұрын
Thanks ma'am, I'm Just waiting for this tutorial. ❤
@NishaSingla
@NishaSingla Жыл бұрын
Glad to know ..keep learning 😀
@yogeswaranyogakrishanthi4451
@yogeswaranyogakrishanthi4451 8 ай бұрын
Thank you so much. Fantastic explanation
@shubhamambhore5707
@shubhamambhore5707 10 ай бұрын
very helpful information 🙂🎉
@rakibhossain9135
@rakibhossain9135 4 ай бұрын
Everything in one video. Thank you
@arunkumarj2426
@arunkumarj2426 11 ай бұрын
Clear explanation maam . Could you do various other projects in react
@kishanjotaniya855
@kishanjotaniya855 Ай бұрын
Finally some real world example on redux toolkit, been tired of watching those counter and todo examples nth times.
@sameerrout1723
@sameerrout1723 2 ай бұрын
Thanks so much for giving such a beautiful tutorial
@salmansohail1081
@salmansohail1081 7 ай бұрын
Great Video Mam👍
@anandkrg
@anandkrg 8 ай бұрын
Thanks for this amazing lecture. Subscribed.
@pavanshirguppi5261
@pavanshirguppi5261 5 ай бұрын
It was helpful. Thank you Nisha.
@davidmukoro1166
@davidmukoro1166 8 ай бұрын
This is about the best Redux toolkit . Great Job. Well done. Please, could you add the backend so we can know how to fetch data based on authentication, role - Admin or Not and also do we need to apply this when fetching data from the database such as mongodb that does not have the 3 status of pending, fulfilled and error?
@farrukhabbas6898
@farrukhabbas6898 28 күн бұрын
Thank you very much. Very good tutorial. I am happy that I have learned React Redux Toolkit.
@lucassilverio8923
@lucassilverio8923 9 күн бұрын
Amazing tutorial! Thanks for this content!
@poojaacharya8982
@poojaacharya8982 2 ай бұрын
Excellent explanation ma'am..Thank you so much
@cybersecurity532
@cybersecurity532 3 ай бұрын
Funtastic, easy and and helpful
@jyothinachagoni6028
@jyothinachagoni6028 2 ай бұрын
Super Lady☝ well Explained thanks a lot🤝
@sakibcoder
@sakibcoder 9 ай бұрын
excellent tutorial
@sergls3528
@sergls3528 4 ай бұрын
Thank you for your efforts!
@rokckerzzzz6080
@rokckerzzzz6080 Жыл бұрын
Thanks didi, for such a awesome tutorial.
@harika218
@harika218 7 ай бұрын
Thanks for this tutorial that you provide in single video. It's helpful if you make a video on RTK query
@sureshlahane3017
@sureshlahane3017 21 күн бұрын
Great Great, the way step by step really great, Thank you so much
@malikmudassarawan
@malikmudassarawan 10 ай бұрын
Thanks Nisha, you are the best
@Salah-YT
@Salah-YT 7 ай бұрын
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!
@NaveenKolambage
@NaveenKolambage 7 ай бұрын
same , i think its cause of how the remove function has been written.. I will try to fix it
@user-it4cz9zu1z
@user-it4cz9zu1z 11 ай бұрын
Hi nisha, I'm having difficults in calculate prices, for example in cart component I want to calculate the total amount of item I ve added. And if I erase an item, I want to recalculate the final amount. How could I make that???? 😞
@omkarbadhe421
@omkarbadhe421 8 ай бұрын
very informative
@vinaykumar-be7nm
@vinaykumar-be7nm 2 ай бұрын
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..........
@Curseking546
@Curseking546 Ай бұрын
simp
@kanchanmatai4170
@kanchanmatai4170 Ай бұрын
Really fantastic video on Redux toolkit with project......understood well....but voice got lost before when you were explaining about the loading status.....
@wealth_developer_researcher
@wealth_developer_researcher 9 ай бұрын
Thanks you so much for this nice video. I have 2 queries regarding this. 1) How can we paginate to load more products using this i.e. passing incremented offset to fetch products? 2) Do NEXTJS13 has any alternative over Redux Toolkit? NextJS is framework and it has suspense and loading to handle waiting response from server api. It would be nice if you share your thoughts on this. Thanks again!!!
@chukwuemekaemmanuel2497
@chukwuemekaemmanuel2497 8 ай бұрын
Thank you ma, this is accurate!
@ZahidHussain-hj2dk
@ZahidHussain-hj2dk Жыл бұрын
thank you mam....Could you make a video about zustand with one project as well
@wolfasad9872
@wolfasad9872 9 ай бұрын
a signle video has mostly all practicel nice work
@anouar1236
@anouar1236 2 ай бұрын
Great work!, thanks
@KuldeepSingh-hi1bg
@KuldeepSingh-hi1bg 9 ай бұрын
Nice explanation 💙👌
@ravinandanahs
@ravinandanahs Жыл бұрын
Thanks you so much madam for this vedio. please upload more on reactjs with typescript concepts
@NishaSingla
@NishaSingla Жыл бұрын
Thank you 😊
@subhransusekharsahu6084
@subhransusekharsahu6084 Жыл бұрын
mam but we can use thunk with extra reducer and put another product array inside the initial state like this:- const initialState = { product: [], cart: [] };
@moizmehdi5612
@moizmehdi5612 9 ай бұрын
Thankyou mam great explanation overall !!!
@d-softwebsolutions8977
@d-softwebsolutions8977 10 ай бұрын
Thanks, It was great helpful
@ashishnayak2666
@ashishnayak2666 Жыл бұрын
Nisha nice content 👌 👏
@satyabratpandey3152
@satyabratpandey3152 6 күн бұрын
Best video for beginner level...
@ManoharBatra
@ManoharBatra 6 ай бұрын
this is very good video... happy to collab with you
@Naniballa-ng3tb
@Naniballa-ng3tb 10 ай бұрын
dhanyavad didi for this tutorial
@not_amanullah
@not_amanullah Ай бұрын
This is helpful ❤
@pandis6197
@pandis6197 7 ай бұрын
Hi nisha i am new to redux, I learnt redux tool kit from your videos, that is awesome. but i have one doubt once browser reload all the state will be return empty value. could you explain about how to update previous state in current state after browser refersh ?
@m__link6499
@m__link6499 8 ай бұрын
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.
@vaishalinaruka8230
@vaishalinaruka8230 Ай бұрын
Great tutorial
@raghavendra6978
@raghavendra6978 9 ай бұрын
Thank you ^^
@sarveshpatil1072
@sarveshpatil1072 4 ай бұрын
Your course really helped a lot to know the redux/toolkit and RTK, But I'm facing some challenge to convert app code along with redux/toolkit to ES5, because application must support on IE mdoe in Edge browser, Kindly, express your thoughts on this challenge
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Рет қаралды 134 М.
Learn Redux Toolkit in under 1 hour
58:10
Hitesh Choudhary
Рет қаралды 112 М.
Каха с волосами
01:00
К-Media
Рет қаралды 5 МЛН
CAN FOXY TRICK HIM?! 🤣 #shorts *FOXY AND NUGGET!*
00:17
LankyBox
Рет қаралды 20 МЛН
Разбираем основы Kafka и RabbitMQ
26:54
Digital train | Alex Babin
Рет қаралды 8 М.
Authentication and Authorization
1:29
Nisha Singla
Рет қаралды 2,1 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 294 М.
Deflated · Made by shykids with Sora
3:39
OpenAI
Рет қаралды 33 М.
You Need React Query Now More Than Ever
11:04
Theo - t3․gg
Рет қаралды 135 М.
Corel Linux - The (Word)Perfect Operating System
25:40
Michael MJD
Рет қаралды 79 М.
Shallow vs Deep copy 🔥@NishaSingla
0:59
Nisha Singla
Рет қаралды 1,5 М.
Каха с волосами
01:00
К-Media
Рет қаралды 5 МЛН