Redux - Complete Tutorial (with Redux Toolkit)

Поделиться
HTML-код
  • Опубликовано: 23 окт 2023
  • Join The Discord! → discord.cosdensolutions.io
    Source Code → github.com/cosdensolutions/co...
    VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"
    In this video we will learn about Redux and Redux Toolkit. Redux is a state management library that makes it really easy to have global state in your React application. We are going to learn how to work with modern Redux, using Redux Toolkit to save ourselves some boilerplate code. This is the last video you will ever have to watch on Redux with Redux Toolkit! Enjoy!

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

  • @cosdensolutions
    @cosdensolutions  2 месяца назад +4

    Hey everyone! I just launched 🚀 Project React, which is a course that teaches you React by building a real-world project. It goes way beyond what you see in these videos and walks you through step-by-step on how to build a big and complex application with React! You can check it out here: cosden.solutions/project-react

  • @davidigbokwe6252
    @davidigbokwe6252 7 месяцев назад +77

    You're an awesome teacher, i legit paused a complicated redux tutorial i was watching yesterday when i saw your post notification for this one and i'm glad i did. Great work bro

    • @cosdensolutions
      @cosdensolutions  7 месяцев назад +4

      Damn, thank you for the kind words that means a lot! Really glad you found this useful ☺️

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

      @@cosdensolutions you’re welcome! I don’t know if you have tutorials on NextJs but if you don’t pls consider making one. Your style of teaching is really great and easy to follow along🫡

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

      hey, the same over here

    • @balasubramani9310
      @balasubramani9310 6 месяцев назад +1

      @@cosdensolutions
      Hi @cosdensolutions
      @cosdensolutions ,Thanks . As you said , if redux copy the whole state and update the modified proerty in the copied state and replace the while orginal state , my doubt is , do we get performance issue , if our application has more state variable ?

    • @Storkz0re
      @Storkz0re 3 месяца назад +1

      I also impressed how he memoizes, does, and casts things in numerous videos, I'd rank him in a row with Shwarzmuller

  • @user-ug4uu5yi6u
    @user-ug4uu5yi6u 4 месяца назад +24

    Tried like 4-5 courses last 2 days trying to understand everything not withing 4 hours long course, and it seems that this one solved all my wonders about Redux. Thank you man, I appreciate that much

  • @licokr
    @licokr 2 месяца назад

    Absolutely, amazing. 'Complete Tutorial' is perfect match for your video. You literally talk about everything we can use redux-toolkit in a real project right now. Thanks 👍

  • @fullmastrinio
    @fullmastrinio 5 месяцев назад +1

    By far the best example, hands down. Very well done. I have not touched Redux since 2019 and this video was just what I needed to get back to it

  • @LifeAtMH41
    @LifeAtMH41 3 месяца назад +1

    You have mad teaching skills. You made me understand Redux in just one video. Thanks man.

  • @Dalsy97
    @Dalsy97 7 месяцев назад +2

    Great video, explained everything in a easy yet straight forward way. Been able to implement Redux for the first time in a simple Todo app just by watching your video. Thanks again!

  • @achilles7755
    @achilles7755 6 месяцев назад +1

    one of the most straightforward tutorials! Thanks man!

  • @maryamblri
    @maryamblri 6 месяцев назад +1

    This is the best redux tutorial. Explained everything developer need :) Thank you!

  • @ET_Bermuda
    @ET_Bermuda 3 месяца назад +2

    You definitely got mad teaching skills, man. You really do explain every little thing perfectly. Good job.

  • @strugglingElds
    @strugglingElds 6 месяцев назад +1

    Thank you for this one man, I badly need clear explanation like this. Kudos!

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

    You said that with this video we would understand redux and it would not be necessary to watch more videos. You did not disappoint!

  • @sanhitabiswas1171
    @sanhitabiswas1171 6 месяцев назад +3

    too good ...my first redux store i could create just because of you .As offical redux documentation is little difficult to understand . Thanks a lot.

  • @someguynamedvictor
    @someguynamedvictor 6 месяцев назад +1

    Really helpful. Thank you! Im a pretty experienced FE dev who has never used Redux at my previous role(we used zustand and everything else was handled through services) and I have a technical interview tomorrow, they mentioned redux and I was like yowzers I need a refresher. Now I feel like I get it!

    • @cosdensolutions
      @cosdensolutions  6 месяцев назад

      Great to hear! Actually filming the zustand equivalent video this week!

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

    I've been waiting so desperately for this...

  • @wallowizzard
    @wallowizzard 6 месяцев назад +2

    Thanks for the video, Sir. This was very clear and easy to follow. You've now earned yourself a new Subscriber! I'm looking forward to watching other topics you cover around React.

  • @robboerman9378
    @robboerman9378 14 дней назад

    Damn, you took my understanding of Redux from 5% to 90% in one session. Not only that, but by showing the redux toolkit you gave me ideas on how to redo the state of an application I am building! Thanks a lot, subscribed of course

  • @venisasfiesta
    @venisasfiesta 3 месяца назад +1

    How are you so good?? You really don't lie when you say this will be our last video we watch of this topic. Thank you so much 🙌

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

    Hey Darius. I do appreciate your channel. This video is extremely helpful. Thanks.

  • @yugeshkk3062
    @yugeshkk3062 6 месяцев назад

    No Extra Talks just straight to the matter , well explained sir, Thanks a Lot..

  • @abhisheknavgan6829
    @abhisheknavgan6829 4 месяца назад +2

    thnx buddy! the latest update of redux made all the past tutorials very hard to follow and I was stuck on this for the last 2 days, your video did a fabulous job of explaining the builder❤❤

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

    Great video! Concept cleared.
    Thank you!

  • @Morteza_Pr
    @Morteza_Pr 2 месяца назад +1

    You're a fantastic teacher. Thanks for this awesome video!

  • @andrewborys4599
    @andrewborys4599 7 месяцев назад +2

    Thanks for the tutorial, very helpful!
    You are a great teacher, you explain complex things in simple words!

  • @sehejwahla5437
    @sehejwahla5437 4 месяца назад

    Actually the best Redux lesson out there. Goated.

  • @basiorbb3
    @basiorbb3 7 месяцев назад +3

    I was just thinking yesterday to add a comment asking you to explain redux. Thank you for what you are doing. Keep it up.

  • @mouseclicker4955
    @mouseclicker4955 7 месяцев назад +6

    This is probably the only video on RUclips which explains how to use redux toolkit with Typescript clearly. I just subscribed and am looking forward to more of your content in the future!

    • @cosdensolutions
      @cosdensolutions  7 месяцев назад +2

      Thank you for the kind words! Glad you find the videos useful ☺️

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

      @@cosdensolutions next video should be "Why you dont need to use Redux in 2024". Even Dan Abramov, one of the creators of redux, writes in his twitter that we almost always should not use redux. And its true. Lol, this video is a waste of time, sorry @cosdensolutions

    • @hasaniqbal233
      @hasaniqbal233 7 месяцев назад +2

      @@gubatenkov companies still use Redux, and have applications built with Redux, so you'll need to know it for jobs even if you don't use it in a new application

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

      @@hasaniqbal233hm, u are absolutely right

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

      @@hasaniqbal233 still valuable even in new apps. Tons of new projects use it daily. It's a great tool, but only with TK imo

  • @sunilanthony17
    @sunilanthony17 5 месяцев назад

    Thank you, this is exactly what I needed. Your explanation and example is awesome.

  • @Shaheer-xs5os
    @Shaheer-xs5os 7 месяцев назад +1

    Amazing explanation! Thank you for this video sir!

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

    How are you soo good?? You really don't lie when you say this will be the last video we'll ever watch of this topic! Thank you so much 🙌

  • @yekuwilfred6864
    @yekuwilfred6864 5 месяцев назад

    Best Redux tutorial I have come across. 👏👏

  • @UnstableInfused
    @UnstableInfused 12 дней назад

    Thank you! That was fantastic and clearly explained some concepts I've been struggling with for days!

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

    Great explanation as always 💯

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

    Really clear ! Thank u very much for your work ! :)

  • @wenbinliu6600
    @wenbinliu6600 4 месяца назад +3

    GREAT TUTORIAL BRO!! I was amazed by how can it be so clear for such complex concepts!! I love your speak voice, also love the sound of your keyboard! Everything is just so PERFECT!! Thank you!!

  • @vladmoca
    @vladmoca 9 дней назад

    This tutorial was amazing! Thank you so much!

  • @Gruby7C1h
    @Gruby7C1h 3 месяца назад +15

    Redux haters are stuck in 2015.

  • @thomasnarkiss6319
    @thomasnarkiss6319 3 месяца назад +1

    Rtk query tutorial will be highly appreciated as well. Thanks!

  • @Rafps3player
    @Rafps3player 2 месяца назад

    thanks a lot for this video. i am getting started with redux toolkit and this was helpful to grasp the basics

  • @daniyalsohail2200
    @daniyalsohail2200 5 месяцев назад

    Bro you are a gem. We have to protect you at all costs.

  • @Thassalocracy
    @Thassalocracy 7 месяцев назад +3

    Thank you for this video. U certainly did explain quite clearly how RTK works and the best thing is, u even included how to work with typescript and thunks, which so far I've not seen other videos do.
    My opinion after watching this, and also after reading what Dan Abramov wrote (what somebody above me said), is that sometimes we will still need redux for the fact that the native Context API does not sufficiently cover all use cases for state management. Therefore knowledge of redux is still good to have in 2023/2024 🙂

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

      yeah totally, Redux is still valuable and will be for a long time. There are a ton of new projects choosing to use it daily because it's really good. Imo context isn't good enough to cover most state management use cases. You really need a dedicated library for that!

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

    The best copilot advert that exists! 👍😁
    I'll definitely buy it 🥰

  • @arsen1156
    @arsen1156 2 месяца назад

    Awesome tutorial, very useful!

  • @gouravkolhatkar3623
    @gouravkolhatkar3623 Месяц назад

    Best Redux toolkit tutorial, period.

  • @anjankumarmj01
    @anjankumarmj01 4 месяца назад

    Best RTK explanation video. Thanks brother.

  • @jahelation8658
    @jahelation8658 3 месяца назад +2

    Thank you man - I love how you give context and make it all seem simple. Other resources turn it into a head fck.

  • @shubhamshekhar23
    @shubhamshekhar23 5 месяцев назад

    At this point i am now convinced you are a Godsend React teacher ..

  • @Amritbagga-vk6kq
    @Amritbagga-vk6kq 4 дня назад +1

    Your keyboard so satisfying to hear!

  • @danlabrador
    @danlabrador Месяц назад

    Async thunks were always confusing to me. You made it really easy. Thank you!

  • @gaganyt7861
    @gaganyt7861 7 месяцев назад +4

    Literally I am building my tech stack based on your videos
    You teached React query i learned it
    You teached Cypress i learned it
    Now you teached redux with RTK ofcource i will add that too

    • @cosdensolutions
      @cosdensolutions  7 месяцев назад +3

      haha damn, great to hear! The next step is to know and understand which tools to choose for which project, as some might be better suited for specific use cases!

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

      ​@@cosdensolutionsplease next video about the best tech stack in 2024 frontend+backend+database

  • @AvinashKumarNagar
    @AvinashKumarNagar 16 дней назад

    Thank You :D. It is true, we don't need to watch any other video again! Same was the case for your react router toutorial.

  • @amargaridaferreira
    @amargaridaferreira Месяц назад

    Thank you for this tutorial, great explanation 🙌

  • @YashChoukse
    @YashChoukse 6 месяцев назад

    Thanks for the video, really helpful!

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

    You not only did this perfectly but you even left the name of the vsCode theme you are using in the description. 🙃

  • @bhargavganesh6496
    @bhargavganesh6496 Месяц назад

    explained everything in just 30 min
    wonderful tutorial
    thanks

  • @sarakaterji
    @sarakaterji 2 месяца назад

    really well explained, thank you!

  • @JesusLopez-es4to
    @JesusLopez-es4to 22 дня назад

    Awesome Tutorial, Thank so much !

  • @chevensloveedouard7436
    @chevensloveedouard7436 6 месяцев назад

    I very like it. It was super clear. Thanks a lot !🔥🔥🔥🔥

  • @BBocho
    @BBocho 29 дней назад

    Thanks a lot for this! 👌🏾

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

    excellent ! really good explanation. thank you !

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

    Thank you very much for the video. Out of many channels that I watch, I find that I get the greatest understanding and value out of yours. Please keep going! Another request is, could you make a video discussing different middleware libraries for Redux such as Sagas and Thunk?

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

    He kept to his word. thank you sir

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

    Love this new topic! ❤

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

    The way I see it, you should have a million subscribers by now. Good job!

  • @krismondevv7356
    @krismondevv7356 5 месяцев назад

    Very good and concise tutorial.

  • @Manu-ff5vl
    @Manu-ff5vl 4 месяца назад

    I'm glad that i watched ur vedios , it helped me to save lot of time. Good work bro

  • @kirankothandan5529
    @kirankothandan5529 Месяц назад

    You are an amazing teacher man❤

  • @santech5669
    @santech5669 5 месяцев назад

    I saw ur zustand video, when u said trust me I already trust u lol, really great tutor

  • @kinuthiastevie4031
    @kinuthiastevie4031 2 месяца назад

    Thank you so much you made it way easy for me to understand

  • @canban
    @canban 6 месяцев назад

    This gave me Derek Banas vibe, short yet potent!

  • @tunde6159
    @tunde6159 17 дней назад

    Best redux tutorial ever.

  • @user-pe2mw1eo3g
    @user-pe2mw1eo3g 6 месяцев назад

    Luck to have found you in RUclips. Thank you very much.

  • @collinsk8754
    @collinsk8754 2 месяца назад

    Very clear! 👏👏

  • @akbaraliyevhumoyunmirzo658
    @akbaraliyevhumoyunmirzo658 5 месяцев назад

    You are fantastic man

  • @user-wt9oo7qb9o
    @user-wt9oo7qb9o 5 месяцев назад

    Thanks! That's very helpful

  • @shamanFR
    @shamanFR 7 месяцев назад +2

    Been using RTK for the better part of the year, with it all being a bit hazy in my head, mostly using RTK Query and the caching! You’ve just mind blown me with this basic, but very clear, tutorial. I the spirit of the store and data fetching. Do you think you could make a video on persisting the data? (Unless you’ve already got one on your channel!) thanks a bunch, plus, I no longer feel alone with keyboard typing issues! 🤪

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

      hahaha the keyboard typing!! Yes I might look into persisting the data with redux, I think it's as simple as using redux-persist but might be worth for a tutorial!

    • @yehorsanko9241
      @yehorsanko9241 6 месяцев назад

      Within the past year found myself in the exact same situation. ChatGPT helped setting up the RTK but so happy to finally get to understand it fully.

  • @varshithgowdav9892
    @varshithgowdav9892 6 месяцев назад +2

    Your explanation is fantastic! It would be even more impactful if you could create a video showcasing real-life asynchronous operations in action

    • @harag9
      @harag9 6 месяцев назад

      This would be helpful to see. I'm still a little lost in when to use pending etc. The text that appeared before he quickly deleted it said something about showing a loading indicator.

  • @joaolima3780
    @joaolima3780 4 месяца назад

    perfect! Tks for it! =D

  • @thesm9734
    @thesm9734 4 месяца назад

    nah man you were right, this is the tutorial that I was looking for!

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

    Promise delivered and I am looking forward to buy and learn some real life project tutorial made by you. Thanks Darius.

    • @cosdensolutions
      @cosdensolutions  3 месяца назад +1

      In about a month I'm launching a course like nothing else. It will teach you everything you need about React and so much more! Stay tuned ☺️

  • @rodomeneses2548
    @rodomeneses2548 4 месяца назад

    You got a new subscriber with just 1 video

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

    thank you, nice video!!!

  • @omaracelys3217
    @omaracelys3217 5 месяцев назад

    very good video,
    appreciate your energy,
    and it was funny to see you battle with the keyboard 😋😋

    • @cosdensolutions
      @cosdensolutions  5 месяцев назад

      I finally feel like I got the hang of it!!

  • @ranamuzamal9655
    @ranamuzamal9655 5 месяцев назад

    Amazing , Thank for sharing

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

    man I wish I had mentor like you best channel offer really awesome explanation and simple

  • @mayuripatel3225
    @mayuripatel3225 Месяц назад +1

    I've seen lots of tutorials but the way you explained everything is just amazing.

  • @kamola9142
    @kamola9142 5 месяцев назад

    Very easy explanation👍👍👍

  • @edit_Pro_1
    @edit_Pro_1 Месяц назад

    this is best Tutorial man

  • @fefeb0
    @fefeb0 Месяц назад

    First of all, thanks for the great tutorial! I'm really enjoying your content.
    By the way, which keyboard are you using in this video? It sounds awesome! (hope you got used to it 😂)

  • @kaizawa15dev
    @kaizawa15dev 6 месяцев назад

    rly rly good tutorial

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

    Splendid video :)

  • @NdubuishiUlenu
    @NdubuishiUlenu 6 месяцев назад

    I have been struggling for months to make sense of the concepts of store, actions & reducers . Honestly your video here has finally helped me crack the code.I actually was led to your RUclips channel from your TikTok page.Thanks for the very incisive tutorial.You're a rare breed!!! However I am still struggling to run the Social Echoe app locally.I guess it has to do with dependency version issues??

    • @cosdensolutions
      @cosdensolutions  6 месяцев назад

      Thank you for the kind words! I'm really glad you finally understand that! And yes a lot of people have mentioned that with social echo. Not too sure what's going on there 🙁

  • @timmanchester4515
    @timmanchester4515 6 месяцев назад

    I wish there was a double like option, that tutorial was fantastic.

  • @zehrakok8755
    @zehrakok8755 4 месяца назад

    Thank you for lesson. That is great

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

    Thank you very much!

  • @juniorAC32
    @juniorAC32 4 месяца назад

    Great explanation ...

  • @gerguno
    @gerguno 4 месяца назад

    Thank you!

  • @PathumSimpson
    @PathumSimpson 5 месяцев назад

    You fulfilled the promise. 💯

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

    Really good thanks 🙏🙏🙏🙏 a lot love from India.❤

  • @ailint5557
    @ailint5557 Месяц назад

    One of the rare easy to understand explanation, which also explain what, why and where different Redux methods and hooks should be used and their syntax.
    Can you please make another video about Redux middleware?