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

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 เม.ย. 2023
  • 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

ความคิดเห็น • 232

  • @alidurul2597
    @alidurul2597 11 หลายเดือนก่อน +12

    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..

  • @codewithAbdulMumin
    @codewithAbdulMumin ปีที่แล้ว +2

    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.

  • @eggrat3381
    @eggrat3381 ปีที่แล้ว +62

    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

  • @sabujdeeptudu6215
    @sabujdeeptudu6215 11 หลายเดือนก่อน +3

    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 2 หลายเดือนก่อน +1

    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

  • @Global-Motivational-Hub
    @Global-Motivational-Hub 9 หลายเดือนก่อน +1

    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...

  • @sarthijoshi9995
    @sarthijoshi9995 11 หลายเดือนก่อน +6

    pinpointed accurate explanation at ease, explained in the very neat and clean way..many concepts cleared here. Big Thanks and keep it up, Nisha

  • @sanjay2102
    @sanjay2102 5 หลายเดือนก่อน

    This is one of the best beginner Redux Toolkit tutorials. tysm

  • @aswinvignesh3985
    @aswinvignesh3985 10 หลายเดือนก่อน +1

    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

  • @nithish1742
    @nithish1742 10 หลายเดือนก่อน +1

    One of the best explanation i have ever seen. Thank you so much

  • @VaibhavPrasad
    @VaibhavPrasad ปีที่แล้ว +2

    You explain really well..!! Thankyou for making it so easy.

  • @neerajagrawal709
    @neerajagrawal709 9 หลายเดือนก่อน +3

    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 :)

  • @zealousprogrammer4539
    @zealousprogrammer4539 หลายเดือนก่อน

    Very clear and concise, great teacher, thank you very much!

  • @arjun_mavnoor
    @arjun_mavnoor 6 หลายเดือนก่อน

    Explanation was excellent (I revised the cocepts Router, RTK & Async with redux)

  • @user-xf5qg5xn4m
    @user-xf5qg5xn4m 4 หลายเดือนก่อน

    Thankyou so much , I was struggling to find a proper resource and this was on point .

  • @amitsarahpal6797
    @amitsarahpal6797 ปีที่แล้ว

    I practiced Along w/ you Ma'am & it is very informative please continue Reactjs Interview series with Imp topics

  • @chintuadhana7075
    @chintuadhana7075 10 หลายเดือนก่อน +2

    Really nice and easy to understand explanation of each and every line. Thank you for this video 😀😀

  • @arundhwajiiith
    @arundhwajiiith 11 หลายเดือนก่อน

    Thanks a lot, its very good tutorial for covering the Redux-toolkit fundamentals.

  • @kumar_awadhesh
    @kumar_awadhesh ปีที่แล้ว

    Thank you. Going to watch this video in this weekend 🎉🎉

  • @gauravjaiswal7296
    @gauravjaiswal7296 4 หลายเดือนก่อน

    Its a good project for freshers. Thanku for ur contribution maam

  • @U2011-n7w
    @U2011-n7w 5 หลายเดือนก่อน +1

    best video on redux-toolkit on youtube

  • @breeze2440
    @breeze2440 28 วันที่ผ่านมา

    one of the best and informatic tutorial for understanding redux toolkit. thank you

  • @anandgarikapati3769
    @anandgarikapati3769 ปีที่แล้ว +2

    Really loved the video. Great content for free . Please keep posting videos regularly ❤❤

  • @sumanmukherjee3670
    @sumanmukherjee3670 ปีที่แล้ว

    Awesome explanation Ma'am ! Thank you for sharing !

  • @sparsh-0384
    @sparsh-0384 5 หลายเดือนก่อน

    Explained very simple and clean ❤

  • @himanshujaviya6021
    @himanshujaviya6021 ปีที่แล้ว

    Amazing video Got a good grasp on Redux Toolkit after seeing your video thanks a lot 🎇

  • @farrukhabbas6898
    @farrukhabbas6898 2 หลายเดือนก่อน

    Thank you very much. Very good tutorial. I am happy that I have learned React Redux Toolkit.

  • @billypentester
    @billypentester ปีที่แล้ว

    Best explanation, and of course all the use cases too.

  • @kuoyulu6714
    @kuoyulu6714 หลายเดือนก่อน

    So easy to follow and understand, thanks!

  • @yogesh1495
    @yogesh1495 16 วันที่ผ่านมา

    Perfect video to understand React Redux Toolkit, Thanks Nisha

  • @satyabratpandey3152
    @satyabratpandey3152 2 หลายเดือนก่อน

    Best video for beginner level...

  • @rajranjan8984
    @rajranjan8984 8 หลายเดือนก่อน

    Woow it's amazing, I was looking fo exact project of redujs/toolkit. Thank you 😊😊

  • @SwapnilKore-tl4jd
    @SwapnilKore-tl4jd 4 หลายเดือนก่อน

    nice explanation on react-redux, thank you so much.....

  • @minhazz
    @minhazz ปีที่แล้ว

    Learned a lot. Keep up these good works.

  • @mahieerati6505
    @mahieerati6505 ปีที่แล้ว

    Outstanding
    No words to say

  • @rakibhossain9135
    @rakibhossain9135 6 หลายเดือนก่อน

    Everything in one video. Thank you

  • @SyedHazratRazaQuadri
    @SyedHazratRazaQuadri 6 หลายเดือนก่อน

    Thank you so much Nisha, it is very helpful and informative in simple manner, great job

  • @sureshlahane3017
    @sureshlahane3017 2 หลายเดือนก่อน

    Great Great, the way step by step really great, Thank you so much

  • @naganathan5312
    @naganathan5312 ปีที่แล้ว +7

    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?

  • @poojaacharya8982
    @poojaacharya8982 4 หลายเดือนก่อน

    Excellent explanation ma'am..Thank you so much

  • @annabadyka4658
    @annabadyka4658 10 หลายเดือนก่อน

    Excellent tutorial, thank you !

  • @programmingwithali
    @programmingwithali ปีที่แล้ว

    thank you so much your video so easy to learn and really help me to understand it simply...thanks a lot

  • @kishanjotaniya855
    @kishanjotaniya855 3 หลายเดือนก่อน

    Finally some real world example on redux toolkit, been tired of watching those counter and todo examples nth times.

  • @yogeswaranyogakrishanthi4451
    @yogeswaranyogakrishanthi4451 10 หลายเดือนก่อน

    Thank you so much. Fantastic explanation

  • @Salah-YT
    @Salah-YT 9 หลายเดือนก่อน +5

    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 9 หลายเดือนก่อน +1

      same , i think its cause of how the remove function has been written.. I will try to fix it

  • @gocrazy6177
    @gocrazy6177 4 หลายเดือนก่อน +1

    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

  • @mohammedrefat1491
    @mohammedrefat1491 ปีที่แล้ว

    Thank you for this awesome tutorial.❤

  • @sameerrout1723
    @sameerrout1723 4 หลายเดือนก่อน

    Thanks so much for giving such a beautiful tutorial

  • @apnacode8094
    @apnacode8094 ปีที่แล้ว +1

    Hey Sister , you're awesome. Thanks for sharing such a wonderful tutorial. i learned lot of from this tutorial and keep learnign with you ..

  • @sengargaming007
    @sengargaming007 8 หลายเดือนก่อน

    Thanks for this tutorial, it is very helpful and I do this along with you so it is to understand too

  • @chanduroyal4330
    @chanduroyal4330 ปีที่แล้ว +3

    Mam thank you so much, iam waiting for the redux class from you, finally you fulfilled my expectation

    • @NishaSingla
      @NishaSingla  ปีที่แล้ว +1

      Enjoy..Keep learning 😀

  • @cybersecurity532
    @cybersecurity532 5 หลายเดือนก่อน

    Funtastic, easy and and helpful

  • @malikmudassarawan
    @malikmudassarawan ปีที่แล้ว

    Thanks Nisha, you are the best

  • @harshkankariya4423
    @harshkankariya4423 หลายเดือนก่อน

    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.

  • @gopinathkrm58
    @gopinathkrm58 11 หลายเดือนก่อน

    Great tutorial on Redux toolkit

  • @rayeesdot310
    @rayeesdot310 2 วันที่ผ่านมา +1

    Thanks for your hard work.

  • @antimrevapati8992
    @antimrevapati8992 6 หลายเดือนก่อน

    Thank you so much for making this video, this is exactly what I was looking for.

    • @Chad-pi5if
      @Chad-pi5if 3 หลายเดือนก่อน

      have you written and executed the code yourself? i mean any error??

  • @jyothinachagoni6028
    @jyothinachagoni6028 4 หลายเดือนก่อน

    Super Lady☝ well Explained thanks a lot🤝

  • @lucassilverio8923
    @lucassilverio8923 2 หลายเดือนก่อน

    Amazing tutorial! Thanks for this content!

  • @singsarav
    @singsarav 9 หลายเดือนก่อน

    So Nice Tutorial. Super Excellent

  • @abhinavchaudhary11
    @abhinavchaudhary11 ปีที่แล้ว

    very well explained! thanks!

  • @Naniballa-ng3tb
    @Naniballa-ng3tb ปีที่แล้ว

    dhanyavad didi for this tutorial

  • @vinaykumar-be7nm
    @vinaykumar-be7nm 4 หลายเดือนก่อน

    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..........

  • @alexcodedominican
    @alexcodedominican ปีที่แล้ว

    wao an excelent course.

  • @moizmehdi5612
    @moizmehdi5612 11 หลายเดือนก่อน

    Thankyou mam great explanation overall !!!

  • @anandkrg
    @anandkrg 10 หลายเดือนก่อน

    Thanks for this amazing lecture. Subscribed.

  • @sudhanshusharma9888
    @sudhanshusharma9888 ปีที่แล้ว

    Thanks for quality content

  • @user-ko3kf4ts5g
    @user-ko3kf4ts5g 4 หลายเดือนก่อน

    Job well done! thanks a lot for this video.

  • @sergls3528
    @sergls3528 6 หลายเดือนก่อน

    Thank you for your efforts!

  • @saidburhonrasahodjaev9775
    @saidburhonrasahodjaev9775 10 หลายเดือนก่อน

    Thanks a lot for this kind of useful content!

  • @shubhamambhore5707
    @shubhamambhore5707 ปีที่แล้ว

    very helpful information 🙂🎉

  • @harika218
    @harika218 9 หลายเดือนก่อน

    Thanks for this tutorial that you provide in single video. It's helpful if you make a video on RTK query

  • @falashreeshirodkar1439
    @falashreeshirodkar1439 14 วันที่ผ่านมา +1

    bestt video for redux toolkit

  • @pavanshirguppi5261
    @pavanshirguppi5261 7 หลายเดือนก่อน

    It was helpful. Thank you Nisha.

  • @rokckerzzzz6080
    @rokckerzzzz6080 ปีที่แล้ว

    Thanks didi, for such a awesome tutorial.

  • @nishantsethi6625
    @nishantsethi6625 12 วันที่ผ่านมา

    thank you for the video, specially the last part of error codes globally

  • @davidmukoro1166
    @davidmukoro1166 10 หลายเดือนก่อน

    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?

  • @sunilkumbhar7042
    @sunilkumbhar7042 11 หลายเดือนก่อน

    Aapne ReactJS ke series bahuthi acchi banayi hai , please agle videos bhi upload kariyega .. AAPKI JAI HO

  • @thimiraakash8941
    @thimiraakash8941 11 หลายเดือนก่อน

    Great tutorial!!💙

  • @mesbol
    @mesbol 2 หลายเดือนก่อน

    it was very useful thanks

  • @QuranJourney365
    @QuranJourney365 23 วันที่ผ่านมา

    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

  • @anouar1236
    @anouar1236 4 หลายเดือนก่อน

    Great work!, thanks

  • @d-softwebsolutions8977
    @d-softwebsolutions8977 ปีที่แล้ว

    Thanks, It was great helpful

  • @salahaldinedouard5299
    @salahaldinedouard5299 ปีที่แล้ว

    Thank you for your wonderful!

  • @bishwajeetpandey1570
    @bishwajeetpandey1570 ปีที่แล้ว

    wow wow ! Thank u so much

  • @dibyendudhauri
    @dibyendudhauri ปีที่แล้ว +1

    Thanks ma'am, I'm Just waiting for this tutorial. ❤

    • @NishaSingla
      @NishaSingla  ปีที่แล้ว

      Glad to know ..keep learning 😀

  • @vaishalinaruka8230
    @vaishalinaruka8230 3 หลายเดือนก่อน

    Great tutorial

  • @rajaRaja-vq5vo
    @rajaRaja-vq5vo 3 หลายเดือนก่อน

    very well explained

  • @wolfasad9872
    @wolfasad9872 11 หลายเดือนก่อน

    a signle video has mostly all practicel nice work

  • @sakibcoder
    @sakibcoder 11 หลายเดือนก่อน

    excellent tutorial

  • @user-vm7fe8fs6c
    @user-vm7fe8fs6c หลายเดือนก่อน

    great explanation......

  • @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

  • @bishwajeetpandey1570
    @bishwajeetpandey1570 ปีที่แล้ว +2

    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.

  • @chukwuemekaemmanuel2497
    @chukwuemekaemmanuel2497 10 หลายเดือนก่อน

    Thank you ma, this is accurate!

  • @salmansohail1081
    @salmansohail1081 9 หลายเดือนก่อน

    Great Video Mam👍

  • @KuldeepSingh-hi1bg
    @KuldeepSingh-hi1bg 11 หลายเดือนก่อน

    Nice explanation 💙👌

  • @theyogaguy9423
    @theyogaguy9423 6 หลายเดือนก่อน

    great tutorial

  • @Aakashpai
    @Aakashpai ปีที่แล้ว

    Thankyou so much 😄

  • @samiran__roy
    @samiran__roy ปีที่แล้ว

    Thank you ma'am 😊

  • @kanchanmatai4170
    @kanchanmatai4170 3 หลายเดือนก่อน

    Really fantastic video on Redux toolkit with project......understood well....but voice got lost before when you were explaining about the loading status.....