Redux Tutorial (with Redux Toolkit)

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии • 487

  • @AnthonySistilli
    @AnthonySistilli 3 года назад +438

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

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

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

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

  • @computecastle6099
    @computecastle6099 3 года назад +8

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

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

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

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

  • @sunilsk9649
    @sunilsk9649 2 года назад +3

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

  • @unknownman1
    @unknownman1 3 года назад +10

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

  • @ObeyAddie
    @ObeyAddie Год назад +1

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

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

  • @froggologies
    @froggologies 3 года назад +5

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

  • @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 2 года назад +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!

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

  • @re4727
    @re4727 3 года назад +8

    The League of Legends logo tho. Luv it

  • @kencharles7048
    @kencharles7048 3 года назад +3

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

  • @AbiNephilim
    @AbiNephilim 3 месяца назад

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

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

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

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

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

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

  • @rajeshkuthrapali2430
    @rajeshkuthrapali2430 10 месяцев назад

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

  • @agroforestryconsultancyroz3157
    @agroforestryconsultancyroz3157 3 года назад

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

  • @IroMathews
    @IroMathews 3 месяца назад

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

  • @justinmeskan4410
    @justinmeskan4410 Год назад +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  Год назад

      Hope it was helpful Justin!

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

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

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

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

  • @t-distributedkid3825
    @t-distributedkid3825 11 месяцев назад

    Probably the BEST redux toolkit explanation on RUclips!!

    • @NetNinja
      @NetNinja  11 месяцев назад

      Thanks for watch8ng!

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

  • @danielsledz5396
    @danielsledz5396 3 года назад +4

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

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

  • @ovieeghrefuoma5040
    @ovieeghrefuoma5040 3 года назад +2

    So straightforward and easy to follow. Thank you

  • @Bhaskarjyoti02
    @Bhaskarjyoti02 7 месяцев назад

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

    • @NetNinja
      @NetNinja  7 месяцев назад +1

      Thank you!!

  • @JulioDx3480
    @JulioDx3480 3 года назад +1

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

  • @tube-rp1nb
    @tube-rp1nb 3 года назад

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

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

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

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

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

  • @Artybruh
    @Artybruh 3 года назад

    Hands down the best introduction to redux out there

  • @RufatNuriev
    @RufatNuriev 3 года назад +5

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

  • @etiennemarques533
    @etiennemarques533 Год назад

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

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

  • @ayodejiatanda6197
    @ayodejiatanda6197 Год назад

    nice, simple and straightforward

  • @rafatothman1646
    @rafatothman1646 Год назад +5

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

  • @Georgedev_
    @Georgedev_ 2 года назад

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

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

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

  • @haiderimam8977
    @haiderimam8977 3 года назад

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

  • @shohagkhan3677
    @shohagkhan3677 3 года назад +8

    Basic implementation is always easy and most of the instructor make video on it. It is importnat to know how to call api action, how to use api middleware. Some practical knowledge as like authentication, complex nested data management also important. Please cover those topics as well.

  • @tanmayarunnavghare
    @tanmayarunnavghare 3 года назад

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

  • @oluwagbengakosoko9014
    @oluwagbengakosoko9014 Год назад

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

  • @sadhucat4476
    @sadhucat4476 3 года назад

    Rad, good to see Anthony getting exposure.

  • @ifeanyiosi
    @ifeanyiosi 2 года назад +3

    One of the best tutorials I've seen. Redux looked complex but it's so simple with this explanation. Thank you. ❤️

  • @ouailtayarth4012
    @ouailtayarth4012 3 года назад

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

  • @briandacallos4234
    @briandacallos4234 2 года назад

    Just freaking wow, he explained redux toolkit very well

  • @2006Pk
    @2006Pk 2 года назад

    Best explanation ive heard, Anthony is a great instructor

  • @Carlos-ws1zm
    @Carlos-ws1zm Год назад

    Simple and straightforward, just perfect!

  • @mohitrawat7547
    @mohitrawat7547 3 года назад

    legend says "LOL" is still running in background to this date.

  • @omaryasser2177
    @omaryasser2177 3 года назад

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

  • @AccessCode101
    @AccessCode101 3 года назад +2

    Whomever Shaun recommends, I'm subscribing.

  • @sujathabharath7565
    @sujathabharath7565 3 года назад +1

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

  • @joshbarwick8783
    @joshbarwick8783 Год назад

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

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

  • @wahabkazmi7486
    @wahabkazmi7486 3 года назад

    Oh, finally i got a true and clear definition of action parameter in redux.

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

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

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

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

  • @sam03korgal27
    @sam03korgal27 3 месяца назад

    Very simple explanation of complicated topic. Netninja rocks👍👍

  • @mohsin6312
    @mohsin6312 3 года назад

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

  • @KyawMyo
    @KyawMyo 2 года назад

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

  • @skizmic
    @skizmic 3 года назад

    Awesome refresher of Redux Tookit for me! Thanks man!

  • @sauravjain6135
    @sauravjain6135 3 года назад +1

    Ninja always rocks 🔥
    I love your tutorials

  • @Evkayne
    @Evkayne 3 года назад

    this is the best video ever i have seen on redux

  • @randomness361
    @randomness361 3 года назад

    Oh man! Right in time Ninja !! ThnX a lot, you the best ❤️❤️❤️

  • @thankgodokpara2156
    @thankgodokpara2156 2 года назад +1

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

  • @asharma741
    @asharma741 3 года назад

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

  • @ashasr8640
    @ashasr8640 2 года назад

    this is a simple and awesome video to learn redux quickly

  • @abiodunolotin2475
    @abiodunolotin2475 2 года назад

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

  • @aryamitrachaudhuri6564
    @aryamitrachaudhuri6564 2 года назад

    The best redux toolkit video over the youtube!

  • @preciousappiah
    @preciousappiah 2 года назад

    straight forward and clear tutorials

    • @NetNinja
      @NetNinja  2 года назад +1

      Hope you found them useful :) thanks!

  • @bimalpandey7887
    @bimalpandey7887 3 года назад +1

    5:29 DARK THEME!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! great video btw

  • @suleimanhaddad8254
    @suleimanhaddad8254 Год назад

    Straightforward and very good explanation.

  • @braker37
    @braker37 2 года назад

    Also, this is a great example of a situation where you DON'T need redux. Of course, I know it's for presentation purposes only.

  • @gauthamk1474
    @gauthamk1474 Год назад

    Simple and a great explanation. Thank you so much.

  • @shauryasharma190
    @shauryasharma190 Год назад +1

    Man was queued for league of legends in the background

  • @danielChibuogwu
    @danielChibuogwu 2 года назад

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

  • @mohammadraufzahed
    @mohammadraufzahed Год назад

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

  • @heathen838
    @heathen838 3 года назад

    You made learning this library a lot less frustrating. Like from me.

  • @jakoon_the_manic
    @jakoon_the_manic 2 года назад

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

  • @Fahimpcbbd
    @Fahimpcbbd 2 года назад

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

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

  • @FAIZAN1421
    @FAIZAN1421 2 года назад +1

    wow this is better than old redux 😍