Redux Tutorial (with Redux Toolkit)

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 488

  • @AnthonySistilli
    @AnthonySistilli 3 роки тому +439

    It was an absolute pleasure and an honor to be featured on your channel! You've taught me so much (your passport tutorials are the best!!), and I'm happy to finally be able to give back :)

    • @slmshady539
      @slmshady539 3 роки тому

      hey mate, I have a question like let's suppose when component mounts I want to make an API call and get posts from JSONplaceholder and save those in redux store, how will I do that? I will use useEffect and then what will I do? where will I make the fetchAPI call, will it be inside the component and pass data as payload, or use the useEffect and it will call some action and this action will make the fetchAPI call inside reducer.? I might not have worded my question correctly, I am sorry I am not a native speaker. But the whole point is how will I make an API call. And if you have any video on it please leave a link. Thanks a lot, mate.

    • @ripndipp
      @ripndipp 3 роки тому

      Haha, I just came from watching your redux toolkit/saga video!

    • @developerAKX
      @developerAKX 3 роки тому

      Best redux course

    • @codeaperture
      @codeaperture 3 роки тому

      Hi how does arrow function behave here.. will it not use the outer execution context?.

    • @nazirbahrululum2911
      @nazirbahrululum2911 3 роки тому

      you are speaking too fast! I don't like it. please if you will make a video on your channel don't speak too fast. it makes me confused......

  • @narcissisticnarcissus4956
    @narcissisticnarcissus4956 3 роки тому +38

    This was soooooo needed!
    There wasn't a good tutorial available for Redux Toolkit before this.

  • @Dawid.Wu_
    @Dawid.Wu_ Рік тому +8

    I'm working on my first backend portfolio project, but I wanted to use React for the client app and your video just saved me probably many more hours of researching.
    Drawings and expanding explanations like here 14:00 are priceless, Thank you!

  • @tanner8291
    @tanner8291 3 роки тому +14

    Now I won’t dread using redux when building my full-stack projects. Toolkit and their new Query APIs are next level. Really allows us to focus on building our apps and letting state not be as important as the apps uI, functionality etc. great stuff’

  • @Gigusx
    @Gigusx 3 роки тому +25

    Wow, I already enjoy working with Redux, and this makes things even more straightforward! The idea of "slices" is pretty cool. One thing missing here is how you would handle async actions using Redux Toolkit, and some overview of when you would NOT want to use Redux Toolkit. Easy to get answer to both questions by reading the docs, but it'd still make the guide more complete.

  • @idrawstuff2767
    @idrawstuff2767 2 роки тому +21

    I wish I could like this video more than once! Redux was a bit of a personal nightmare topic, but this made it so clear and simple! Thank you!

  • @brandophiri3618
    @brandophiri3618 Рік тому +15

    You managed to explain redux in less than 20 minutes and it turned out to be more helpful than an hour long video. Huge thanks..

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

    Best video on understanding how redux works and how to implement it by far and I have seen many (not all, just many). Thank you for going over step by step and explaining how it works and how it's done. Phenomenal video, I can't thank you guys enough.

  • @unknownman1
    @unknownman1 3 роки тому +10

    yayay, I badly needed a video on this topic. Thanks, Shaun and Anthony.

  • @computecastle6099
    @computecastle6099 3 роки тому +8

    I cannot imagine a simpler explanation for the redux toolkit. Awesome!

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

    This was such a helpful video, I've watch other 1 hour+ tutorials with redux and still just couldn't wrap my head around getting it to work for my own project, this helped me immensely! Thank you :)

  • @sunilsk9649
    @sunilsk9649 2 роки тому +3

    You explained it very clearly in just 20 min. Really worth watching bro.

  • @jslbrt
    @jslbrt 3 роки тому +6

    Thanks a lot Shaun, you really care about your subscribers and it shows. Specially when you bring in only very few guest instructors and they're this good.

  • @unmy400
    @unmy400 3 роки тому +3

    man.. all the suffering with learning redux just gone forever, we and the new devs should be grateful, this is pure gold

    • @FADHsquared
      @FADHsquared 3 роки тому

      I followed FCC tutorials before knowing that I shouldn't use "class Component extends React.Component" and instead use hooks, and that I shouldn't use React-Redux and instead use Redux Toolkit. Pain.

  • @maskman4821
    @maskman4821 3 роки тому +3

    This is the first time I touch redux and watch redux related video, this redux toolkit is very similiar to vuex, I think they borrow same concept from each other, I watch through this video and I already have idea how to implement it in react application. Now I want to watch Shaun's redux video and compare original redux and this redux toolkit, it should be fun, thank you for this cool tutorial !!!

  • @sachinthakur7518
    @sachinthakur7518 3 роки тому +3

    I have my interview tommorow. Now I'm feeling confident if I asked any question on Redux.Thanks a lot.

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      Hi Sachin! Are you still looking out for internship/job opportunities? If you are, get in touch?

    • @sachinthakur7518
      @sachinthakur7518 3 роки тому +1

      @@shivanigaddagimath6105 Please let me know more about the opportunity.

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      @@sachinthakur7518 Can we connect on LinkedIn or gmail for more details?

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 роки тому

      @@sachinthakur7518 I connected with a profile named Sachin Thakur just now. Is that your profile?

    • @sachinthakur7518
      @sachinthakur7518 3 роки тому +1

      @@shivanigaddagimath6105 Didn't received any request

  • @benjamindavies7113
    @benjamindavies7113 3 роки тому +1

    After watching several tutorials on this topic, I still couldn't get my head around it. However, within a few mins, I understood the concept of state management and why Redux / Redux-Toolkit is useful. Thanks!

  • @GuitarreroDaniel
    @GuitarreroDaniel 3 роки тому +55

    This was such a great tutorial. I was pissed off to have to learn a new redux library, but this is so great compared to the "old school" redux.
    Thanks!

  • @kencharles7048
    @kencharles7048 3 роки тому +3

    Fantastic video on how to use Redux in React, and explained in less than 20 minutes!

  • @justinmeskan4410
    @justinmeskan4410 2 роки тому +1

    i love redux and wasnt sure about this new redux-toolkit mess, but now I'm sold thanks alot my friend you are a true React Ninja!!!!!!!!!

    • @NetNinja
      @NetNinja  2 роки тому

      Hope it was helpful Justin!

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

    Really a good tutorial. It not only taught redux-toolkit but at the same time showed how to use the documentation. Nice work.

  • @legendaryknight6462
    @legendaryknight6462 3 роки тому +2

    Oh Shaun you are Amazing that you considered what I said before about Redux that if it is possible to have the new course. I will never ever forget what u did for me and will be thankful forever. You are truly a highly valuable person which there are maybe just a few like you in the world. These things go deep in my heart and one day will show it back for you that how much value it had for me.
    thank you again my dearest friend.

  • @re4727
    @re4727 3 роки тому +8

    The League of Legends logo tho. Luv it

  • @froggologies
    @froggologies 3 роки тому +5

    So far this is the best explanation that I can found. Thank a lot ❤️

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

    THIS GUY IS LEGIT. everything you need to know about redux in just under 20mins. Wtf !!! 😂🎉❤

  • @orincywhytedesigns
    @orincywhytedesigns 2 роки тому +1

    literally what I needed. we had to learn redux the long way which hurt my brain so much. so we are finally learning redux toolkit but it's been hard trying to separate the syntax and boilerplate for regular redux and redux toolkit. this was freaking perfect!!!! thank you thank you

    • @NetNinja
      @NetNinja  2 роки тому +1

      You're very welcome! Glad it helped :)

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

    Wow!! I've been wrestling with this for a couple days and you just made it click so simply in 20 minutes. Definitely going to check out your other videos. Thank you

  • @danielsledz5396
    @danielsledz5396 3 роки тому +4

    Oh my god. I need this course and you share it! Thank you Ninja!

  • @macmacdev
    @macmacdev 2 роки тому +11

    Thanks for inspiring me to code in Redux while multi-tasking League of Legends. I am encouraged.
    “Do not fear the shrouded path.”
    - Zed, ‘League Of Legends’.

  • @rauldeandrade
    @rauldeandrade 3 роки тому

    You're the best! Can't wait to watch it. Redux used to be a nightmare for me until i understood it. Now it's one of my favourite tools

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

    Thank you, so much @NetNinja and @AnthonySistilli. You the goats!

  • @tube-rp1nb
    @tube-rp1nb 3 роки тому

    thank you i was an absolute beginner to react redux-toolkit.thanks to you now i understand it

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

    This is one of the clearest explanation and I only understood the bigger picture with this tutorial. Others just writing code and not explaining the concept in bird's eye view

  • @ahmaat19
    @ahmaat19 3 роки тому

    I was someone who doesn't like Redux, it needed lots of boilerplates but Redux Toolkit is really amazing and simple. I will use Redux Toolkit for my next project Insha Allah.

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

    Finally i have a complete summarized understanding of the redux toolkit. thanks

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

    at 14:02 where does that counterReducer come from? I see its imported from storejs but there is no counterReducer there. Im confused, can someon eexplain?

  • @mukhammadjonnazarov526
    @mukhammadjonnazarov526 2 роки тому +1

    Wawwww, a Great Tutorial Video.
    I really liked the way you explain the concept by practice.
    Please, Keep working and creating amazing tutorials like this.
    Thanks alot bro )))

  • @JulioDx3480
    @JulioDx3480 3 роки тому +1

    Thanks for this video! This is the best tutorial I've seen for Redux Toolkit so far.

  • @АйзатУрманбетова-у1ф
    @АйзатУрманбетова-у1ф 3 місяці тому

    it was the best explanation of redux toolkit i've ever seen, thank you so much

  • @t-distributedkid3825
    @t-distributedkid3825 Рік тому

    Probably the BEST redux toolkit explanation on UA-cam!!

  • @RufatNuriev
    @RufatNuriev 3 роки тому +5

    THIS IS DEFINITELY WHAT I NEEDED! THANK YOU VERY MICH!

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

    That was by far the best tutorial and explanation on redux. You told exactly why it is used .Thanks

    • @NetNinja
      @NetNinja  8 місяців тому +1

      Thank you!!

  • @DavidStephenGilDomingo
    @DavidStephenGilDomingo 3 роки тому

    Ngl you are THE BEST channel to learn React, React Native, etc. This Redux Toolkit tut is bomb can't wait for more content on this!!!

  • @ridl27
    @ridl27 3 роки тому +2

    already watched some Anthony's tutorials and they are really nice. ty.

    • @NetNinja
      @NetNinja  3 роки тому +1

      Yeah, he explains things very well!

  • @eyadeldahabi1859
    @eyadeldahabi1859 2 роки тому

    it is possible to create multiple distinct Redux stores in a page, but the intended pattern is to have only a single store. Having a single store enables using the Redux DevTools, makes persisting and rehydrating data simpler, and simplifies the subscription logic.

  • @chovbee
    @chovbee 3 роки тому +2

    The last thing I expected to see in a redux toolkit tutorial was a league of legends window open in the toolbar lmao. That game follows me even in my studies...

  • @ovieeghrefuoma5040
    @ovieeghrefuoma5040 3 роки тому +2

    So straightforward and easy to follow. Thank you

  • @aryamitrachaudhuri6564
    @aryamitrachaudhuri6564 2 роки тому

    The best redux toolkit video over the youtube!

  • @MuhammadTalha-lg4jg
    @MuhammadTalha-lg4jg 2 роки тому

    Great tutorial, can't believeit was this easy. I had to watch hours long videos of redux toolkit but still couldn't get my head around it. Thanks a lot!

  • @agroforestryconsultancyroz3157
    @agroforestryconsultancyroz3157 3 роки тому

    This is a real tutorial. I have the impression that other youtubers just wanna show they can do something.

  • @sadhucat4476
    @sadhucat4476 3 роки тому

    Rad, good to see Anthony getting exposure.

  • @AccessCode101
    @AccessCode101 3 роки тому +2

    Whomever Shaun recommends, I'm subscribing.

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

    Very simple and very helpful. Ready to immediately use it in my project. Nice job!

  • @ouailtayarth4012
    @ouailtayarth4012 3 роки тому

    It is my first tutorial in Redux Toolkit and I really enjoyed your explanations, everything was clear :D Thank you

  • @skizmic
    @skizmic 3 роки тому

    Awesome refresher of Redux Tookit for me! Thanks man!

  • @tanmayarunnavghare
    @tanmayarunnavghare 3 роки тому

    Thanks for the Redux Toolkit quick explanation. Now I know how RTK works. Thanks again

  • @sauravjain6135
    @sauravjain6135 3 роки тому +1

    Ninja always rocks 🔥
    I love your tutorials

  • @amolaher6938
    @amolaher6938 2 роки тому

    Thank you so much for your explanation and I am very appreciated your teaching pattern to understand everyone easily.
    Thank you so much once again.
    I am definitely share this and others videos to my connections.

  • @sujathabharath7565
    @sujathabharath7565 3 роки тому +1

    Clean tutorial & thanks so much for putting this together. You made my life easier in understanding this so quickly! Thanks.

  • @Fahimpcbbd
    @Fahimpcbbd 3 роки тому

    you are the best.
    so far this is the best explanatiory video of redux toolkit.

  • @jvenkatonline
    @jvenkatonline 2 роки тому

    It's really nice and easy to understand. Net Ninja videos are good and also he picked the right person to explain a difficult topic. Anthony did a great job. I enjoyed it a lot. Thanks.

  • @thankgodokpara2156
    @thankgodokpara2156 2 роки тому +1

    i have been looking for a way to set redux toolkit for a long time
    thank you so much

  • @haiderimam8977
    @haiderimam8977 3 роки тому

    wow what a good understanding for redux toolkit in just one video

  • @KyawMyo
    @KyawMyo 2 роки тому

    such a good explanation. way more better using redux toolkit than old school redux.....

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

    wow...amazing tutorial! way to go Anthony! 💪

  • @rafatothman1646
    @rafatothman1646 2 роки тому +5

    now that is how you explain redux,,, thhaank you

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

    Wow, it was so easy to undrestand the rtk with your video! nice job.

  • @evanbero9705
    @evanbero9705 2 роки тому

    Awesome tutorial. Like Daniel, I was also not happy to have to learn a new redux library, but this is actually great - clean and streamlined. Now just to figure out how to implement my backend express & database into this. Thanks Ninja!

  • @Georgedev_
    @Georgedev_ 2 роки тому

    Thank you so much. Very clear, brief and straight to the point. Thank you once more, Anthony sistilli.

  • @asharma741
    @asharma741 3 роки тому

    Thanks to both the great instructors. Great fan of this channel.

  • @abiodunolotin2475
    @abiodunolotin2475 2 роки тому

    Thanks for this salient explanation. it was all i needed to understand this stuff.

  • @sam03korgal27
    @sam03korgal27 3 місяці тому

    Very simple explanation of complicated topic. Netninja rocks👍👍

  • @2006Pk
    @2006Pk 2 роки тому

    Best explanation ive heard, Anthony is a great instructor

  • @syntaxed4365
    @syntaxed4365 2 роки тому

    I feel like this is Redux the way it should be. I loved the flexibility of old Redux, but the implementation was a nightmare. This is amazing!

  • @Evkayne
    @Evkayne 3 роки тому

    this is the best video ever i have seen on redux

  • @MarkEdwardTan
    @MarkEdwardTan 3 роки тому

    This is a simple good tutorial and is easy to understand. I use Redux and didn't know Redux Toolkit before. So it is like a simplified version of Redux. Like simple Redux 2.0 with less boilerplate code. Thanks for this

  • @mohsin6312
    @mohsin6312 3 роки тому

    Thanks Anthony Sistilli and Net Ninja. Now I know how to use redux-toolkit

  • @richardwilliam7030
    @richardwilliam7030 3 роки тому

    Omg Shaun...thank you so much...I was waiting for this

  • @tannerbarcelos6880
    @tannerbarcelos6880 3 роки тому +12

    This is game changing , damn. This makes redux way more understandable and less verbose.

    • @MarkEdwardTan
      @MarkEdwardTan 3 роки тому

      Yes. Like Simplified Redux with steroids and easy to understand. Less boilerplate codes and files too :)

  • @omaryasser2177
    @omaryasser2177 3 роки тому

    This is the best I've found about Redux toolkit.. thank you so much

  • @ceralguy85
    @ceralguy85 3 роки тому

    Great video Anthony i follow your channel and the net ninja channel for the last 2 years i you deliver great content. I great to see a very good tutorial about RTK

  • @Artybruh
    @Artybruh 3 роки тому

    Hands down the best introduction to redux out there

  • @danielChibuogwu
    @danielChibuogwu 2 роки тому

    Thanks for this tutorial Anthony and Net Ninja. It was really awesome and helpful

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

    What a simple way to explain a difficult concept. Thank you

  • @Carlos-ws1zm
    @Carlos-ws1zm Рік тому

    Simple and straightforward, just perfect!

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

    Straightforward and very good explanation.

  • @hardiksachan
    @hardiksachan 3 роки тому

    Best video so far on redux toolkit.
    👍👍👍

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

    Man was queued for league of legends in the background

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

    The brilliant video! The explanation is very simple!

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

    Sugar and spice everything nice, this channel is amazing❤

  • @jakoon_the_manic
    @jakoon_the_manic 2 роки тому

    Great tut , I usually watch only shauns videos but this really is a great one.

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

    nice, simple and straightforward

  • @nickeabennett
    @nickeabennett 2 роки тому +2

    thank you both for an awesome bit sized, jam packed tutorial. Loved it!!!❤❤❤

    • @NetNinja
      @NetNinja  2 роки тому

      Thanks Nickea, glad you enjoyed it!

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

    Simple and a great explanation. Thank you so much.

  • @murtuzaali962
    @murtuzaali962 2 роки тому +1

    best redux tutorial, thanks

  • @pokémonplaydate
    @pokémonplaydate 2 роки тому

    Gold materials right here:)) Thanks Anthony!

  • @ashasr8640
    @ashasr8640 2 роки тому

    this is a simple and awesome video to learn redux quickly

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

    Great explanation of the topic! Thank you.

  • @gullyxd
    @gullyxd 2 роки тому

    This is far far better than the old implementation of Redux. It works very similarly to how you would write custom React hooks, whereby the state and functions that change the state are compartmentalised into a single file, adhering to the principle of 'optimising for deletion'. The old implementation of Redux required far too much boilerplate code and when coupled with developers using it where completely unnecessary, it made codebases unscalable, hard to read and refactor.
    Still, it begs the question, why use Redux Toolkit when you can use React's internal state management with custom hooks? The only difference I see is having to pass down state logic through the component tree when using React. I can't decide whether this a pro or con, but introducing redux-toolkit and other redux dependencies means more dependencies to manage and keep up to date, which in turn introduces more risk to security vulnerabilities.

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

    all i can say is... Thank you!!!!! easy to follow straight to the point \m/