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

КОМЕНТАРІ • 274

  • @DevTheLee
    @DevTheLee Рік тому +22

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

  • @kishanjotaniya855
    @kishanjotaniya855 10 місяців тому +9

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

  • @eggrat3381
    @eggrat3381 Рік тому +71

    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

  • @82sneharajeshirke76
    @82sneharajeshirke76 2 дні тому

    Thanks for this tutorial. This one is the best redux toolkit tutorial on youtube. Understood all the concepts very well. 👍

  • @codewithAbdulMumin
    @codewithAbdulMumin Рік тому +5

    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.

  • @aniketsinhaju
    @aniketsinhaju 11 місяців тому +3

    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

  • @learndevelopment
    @learndevelopment 2 місяці тому +2

    you are great , made the explaination easy , best video on redux toolkit.

  • @Salah-YT
    @Salah-YT Рік тому +6

    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 Рік тому +1

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

  • @Global-Motivational-Hub
    @Global-Motivational-Hub Рік тому +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...

  • @sabujdeeptudu6215
    @sabujdeeptudu6215 Рік тому +4

    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.

  • @smile4449
    @smile4449 3 місяці тому +1

    I watched so many videos regarding the redux toolkit... but ma'am you are awesome ❤

  • @sarthijoshi9995
    @sarthijoshi9995 9 місяців тому +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

  • @mamun.development
    @mamun.development Місяць тому

    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.

  • @sarthijoshi9995
    @sarthijoshi9995 Рік тому +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

  • @Saasdapps
    @Saasdapps 4 місяці тому

    No doubt you put your heart in teaching Redux❤. This is the best redux tutorial on UA-cam 😊

  • @neerajagrawal709
    @neerajagrawal709 Рік тому +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 :)

  • @RaviPrajapati-uy1wm
    @RaviPrajapati-uy1wm 2 місяці тому

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

  • @nithish1742
    @nithish1742 Рік тому +1

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

  • @NagarjunN-e4l
    @NagarjunN-e4l 11 місяців тому

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

  • @_swayyam
    @_swayyam 5 днів тому

    "You literally made Redux easy to understand!" 🚀

  • @breeze2440
    @breeze2440 8 місяців тому

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

  • @chintuadhana7075
    @chintuadhana7075 Рік тому +2

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

  • @sanjay2102
    @sanjay2102 Рік тому

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

  • @rajranjan8984
    @rajranjan8984 Рік тому

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

  • @sureshbethanabelli2080
    @sureshbethanabelli2080 4 місяці тому

    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🥀

  • @zealousprogrammer4539
    @zealousprogrammer4539 8 місяців тому

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

  • @saisankarc-h8k
    @saisankarc-h8k 5 місяців тому

    Thank you soo much, it's very useful for me. Your explaining way is awesome😍

  • @vinaykumar-be7nm
    @vinaykumar-be7nm 11 місяців тому

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

  • @kpodjiemmanuel4319
    @kpodjiemmanuel4319 6 місяців тому

    simple and straight forward. You are the best

  • @harshkankariya4423
    @harshkankariya4423 8 місяців тому

    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.

  • @pushkar3630
    @pushkar3630 7 місяців тому

    Mam thank you so much to explain the topic in such a detailed and simple manner

  • @U2011-n7w
    @U2011-n7w Рік тому +2

    best video on redux-toolkit on youtube

  • @tajuddinakinsowon5617
    @tajuddinakinsowon5617 10 місяців тому +1

    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

  • @farrukhabbas6898
    @farrukhabbas6898 9 місяців тому

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

  • @Rs-xe3re
    @Rs-xe3re 3 місяці тому

    Thannks 2 uuuu u make real video with redux toolkit {On Add to cart project } :)

  • @BareillySyed
    @BareillySyed Рік тому

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

  • @ravishankar35333
    @ravishankar35333 5 місяців тому

    Best video on React redux. Thanks a lot Nisha ji.

  • @sureshlahane3017
    @sureshlahane3017 9 місяців тому

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

  • @chanduroyal4330
    @chanduroyal4330 Рік тому +3

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

  • @yogesh1495
    @yogesh1495 7 місяців тому

    Perfect video to understand React Redux Toolkit, Thanks Nisha

  • @antimrevapati8992
    @antimrevapati8992 Рік тому

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

    • @Chad-pi5if
      @Chad-pi5if 10 місяців тому

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

  • @QuranJourney365
    @QuranJourney365 7 місяців тому

    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

  • @gauravjaiswal7296
    @gauravjaiswal7296 11 місяців тому

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

  • @kombatwithankit
    @kombatwithankit Рік тому

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

  • @arjun_mavnoor
    @arjun_mavnoor Рік тому

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

  • @apnacode8094
    @apnacode8094 Рік тому

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

  • @aswinvignesh3985
    @aswinvignesh3985 Рік тому +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

  • @VaibhavPrasad
    @VaibhavPrasad Рік тому +2

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

  • @kuoyulu6714
    @kuoyulu6714 8 місяців тому

    So easy to follow and understand, thanks!

  • @harika218
    @harika218 Рік тому

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

  • @himanshujaviya6021
    @himanshujaviya6021 Рік тому

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

  • @gpavankumar175
    @gpavankumar175 Місяць тому

    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.

  • @sunilkumbhar7042
    @sunilkumbhar7042 Рік тому

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

  • @anandgarikapati3769
    @anandgarikapati3769 Рік тому +2

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

  • @sparsh-0384
    @sparsh-0384 Рік тому

    Explained very simple and clean ❤

  • @TArtGallery
    @TArtGallery Рік тому

    API is showing Loading only when , i am using create async thunk . Please provide solution

  • @chmod666-p
    @chmod666-p 9 місяців тому

    Amazing tutorial! Thanks for this content!

  • @sameerrout1723
    @sameerrout1723 11 місяців тому

    Thanks so much for giving such a beautiful tutorial

  • @programmingwithali
    @programmingwithali Рік тому

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

  • @nishantsethi6625
    @nishantsethi6625 7 місяців тому

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

  • @RavindranC
    @RavindranC 2 місяці тому

    This is truly impressive!

  • @arundhwajiiith
    @arundhwajiiith Рік тому

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

  • @poojaacharya8982
    @poojaacharya8982 11 місяців тому

    Excellent explanation ma'am..Thank you so much

  • @SwapnilKore-tl4jd
    @SwapnilKore-tl4jd 11 місяців тому

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

  • @bishwajeetpandey1570
    @bishwajeetpandey1570 Рік тому +5

    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.

  • @SimpsonAlfred-u7x
    @SimpsonAlfred-u7x 11 місяців тому

    Job well done! thanks a lot for this video.

  • @jyothinachagoni6028
    @jyothinachagoni6028 11 місяців тому

    Super Lady☝ well Explained thanks a lot🤝

  • @kanchanmatai4170
    @kanchanmatai4170 10 місяців тому

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

  • @anandkrg
    @anandkrg Рік тому

    Thanks for this amazing lecture. Subscribed.

  • @kumar_awadhesh
    @kumar_awadhesh Рік тому

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

  • @singsarav
    @singsarav Рік тому

    So Nice Tutorial. Super Excellent

  • @dibyendudhauri
    @dibyendudhauri Рік тому +1

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

  • @minhazz
    @minhazz Рік тому

    Learned a lot. Keep up these good works.

  • @m__link6499
    @m__link6499 Рік тому

    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.

  • @laxmijagdalecreations3389
    @laxmijagdalecreations3389 11 місяців тому +1

    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

  • @pavanshirguppi5261
    @pavanshirguppi5261 Рік тому

    It was helpful. Thank you Nisha.

  • @billypentester
    @billypentester Рік тому

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

  • @balunaidu7117
    @balunaidu7117 Місяць тому

    Very helpful this Video 😍

  • @satyabratpandey3152
    @satyabratpandey3152 9 місяців тому

    Best video for beginner level...

  • @falashreeshirodkar1439
    @falashreeshirodkar1439 7 місяців тому +1

    bestt video for redux toolkit

  • @rakibhossain9135
    @rakibhossain9135 Рік тому

    Everything in one video. Thank you

  • @ravinandanahs
    @ravinandanahs Рік тому +1

    Thanks you so much madam for this vedio. please upload more on reactjs with typescript concepts

  • @lakshmivaraprasadkuna9057
    @lakshmivaraprasadkuna9057 4 дні тому

    Its really helpfull, thanks 😭

  • @saidburhonrasahodjaev9775
    @saidburhonrasahodjaev9775 Рік тому

    Thanks a lot for this kind of useful content!

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

  • @rayeesdot310
    @rayeesdot310 7 місяців тому +1

    Thanks for your hard work.

  • @ManoharBatra
    @ManoharBatra Рік тому

    this is very good video... happy to collab with you

  • @DivineJourneyInspiration
    @DivineJourneyInspiration Рік тому

    Funtastic, easy and and helpful

  • @yogeswaranyogakrishanthi4451

    Thank you so much. Fantastic explanation

  • @imonw3b
    @imonw3b 10 місяців тому +2

    Nice tutorials! Unfortunately, I'm having an error @ 1:12:00 ERROR products.map is not a function? Appreciate any help please. Thanks.

    • @black2thepiink
      @black2thepiink 10 місяців тому

      yes i too encounter the same error

    • @imonw3b
      @imonw3b 9 місяців тому

      Already get this sorted. I can provide working codes if needed?

    • @sajalsharma185
      @sajalsharma185 8 місяців тому

      same for me too, can u provide any workaround

    • @salahabubakar
      @salahabubakar 15 днів тому

      This is the solution
      ( cards =Object.values( products).map((product) => )

    • @salahabubakar
      @salahabubakar 15 днів тому

      @@imonw3b This is the solution
      ( cards =Object.values( products).map((product) => )

  • @sumanmukherjee3670
    @sumanmukherjee3670 Рік тому

    Awesome explanation Ma'am ! Thank you for sharing !

  • @sergls3528
    @sergls3528 Рік тому

    Thank you for your efforts!

  • @gopinathkrm58
    @gopinathkrm58 Рік тому

    Great tutorial on Redux toolkit

  • @wolfasad9872
    @wolfasad9872 Рік тому

    a signle video has mostly all practicel nice work

  • @malikmudassarawan
    @malikmudassarawan Рік тому

    Thanks Nisha, you are the best

  • @aguud
    @aguud Рік тому +1

    nice video

  • @sukhukasani7361
    @sukhukasani7361 5 місяців тому

    What about useReducer hook ?
    It also does the same right ?

  • @salmansohail1081
    @salmansohail1081 Рік тому

    Great Video Mam👍

  • @shubhamambhore5707
    @shubhamambhore5707 Рік тому

    very helpful information 🙂🎉

  • @moizmehdi5612
    @moizmehdi5612 Рік тому

    Thankyou mam great explanation overall !!!