Redux - Complete Tutorial (with Redux Toolkit)

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

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

  • @cosdensolutions
    @cosdensolutions  10 месяцев назад +13

    Hope you enjoyed the video! I also have a really cool and unique course that will teach you way more than this video. You'll learn how to build an actual complex project with React. It's called "Project React" and you can find it at cosden.solutions/project-react. Also, I have a free weekly newsletter called "Import React" with tutorials, news, and cool stuff about React! You can sign up at cosden.solutions/newsletter?s=ytc

  • @tallmantek
    @tallmantek Год назад +112

    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  Год назад +4

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

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

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

      hey, the same over here

    • @balasubramani9310
      @balasubramani9310 Год назад +2

      @@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 11 месяцев назад +1

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

  • @MateuszMinder
    @MateuszMinder Год назад +61

    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 10 месяцев назад +9

    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 👍

  • @mouseclicker4955
    @mouseclicker4955 Год назад +10

    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  Год назад +2

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

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

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

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

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

      @@hasaniqbal233hm, u are absolutely right

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

  • @LifeAtMH41
    @LifeAtMH41 11 месяцев назад +8

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

  • @akashddeepchitransh4537
    @akashddeepchitransh4537 23 дня назад +1

    You are an Alien. I came here to refresh Redux Toolkit knowledge. I remember when I was learning Redux, I used to watch 3-4 hours long videos and trust me they were really complicated. Hey everyone if you are learning Redux for the first time, I recommend you watching it till the end you will not dissapoint. 💖💖

  • @gaganyt7861
    @gaganyt7861 Год назад +13

    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  Год назад +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 Год назад +2

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

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

      @@gaganyt7861 what about ReactJS/MaterialUI + C#/.Net + MSSQL or MongoDB?

  • @TechMagic204
    @TechMagic204 11 месяцев назад +5

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

  • @yugeshkk3062
    @yugeshkk3062 Год назад +3

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

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

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

  • @fullmastrinio
    @fullmastrinio Год назад +2

    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

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

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

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

  • @toheebajayi1454
    @toheebajayi1454 5 месяцев назад +6

    Don’t know redux was so easy until I watched this video. Thanks

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

    Incredibly good and clear explanation. I've been struggling to understand Redux for quite some time. Indeed, no need to watch any other videos about Redux Toolkit after yours. I'm happy I could understand everything. Finally! Thank you!

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

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

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

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

    The best redux tutorial on internet! At first it may sound confusing, but by around 1/3 of the video everything clears up

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

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

  • @robboerman9378
    @robboerman9378 8 месяцев назад +2

    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

  • @Retr0_Pr
    @Retr0_Pr 10 месяцев назад +1

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

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

  • @Dalsy97
    @Dalsy97 Год назад +3

    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!

  • @maryamblri
    @maryamblri Год назад +2

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

  • @killswitch.
    @killswitch. Год назад +2

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

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

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

    Why are other videos 2hrs + when h i so well explained here in 30 minutes.
    Thank you so much man.
    I struggled with redux but your video made realise i wasnt dumb, i just didn't take the right class!

  • @justf.c.b8572
    @justf.c.b8572 2 месяца назад

    that was so clean and smooth man , appreciate your effort

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

    Great video! I can't say I won't have to watch this over again a couple of times before it sinks in, but it is one of the best concise explanations of react & redux! Ciao ciao!

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

    Bravo. You lay this out like docs do and provide some foundational term definition and concept explanation before applying. Bravo.

  • @mayuripatel3225
    @mayuripatel3225 9 месяцев назад +1

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

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

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

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

  • @viallymboma9874
    @viallymboma9874 Год назад +4

    There's no difference between his teach skills and that of an Indian teacher:
    Pragmatic
    Straight to the point
    Step by step
    Making eveything make sense to the learn
    Like unveiling a wrap.
    I'm hooking to your channel now henceforth.

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

    that was amazing tutorial, I really like the way you explain things, down-to-earth and straight to the point!

  • @strugglingElds
    @strugglingElds Год назад +2

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

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

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

    Great tutorial, gave complete information about the redux, all in one i needed. Well explained and a complete timely guide for redux. Great work bro

  • @achilles7755
    @achilles7755 Год назад +2

    one of the most straightforward tutorials! Thanks man!

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

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

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

    Wow, amazing.
    Truly astonishing.
    It answered all my questions.
    Thank you Cosden

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

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

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

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

  • @andrewborys4599
    @andrewborys4599 Год назад +2

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

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

    Actually the best Redux lesson out there. Goated.

  • @UnstableInfused
    @UnstableInfused 8 месяцев назад

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

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

    Really appreciate the way you made redux easy to understand!

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

    Thank you alot. I used to code with Angular and had to learn the redux equivalent. I watched a few videos but all of them are really bad. This video explained it so simple

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

    Thank you for this video. You described redux in a very beautiful way

  • @tasaraskor
    @tasaraskor 13 дней назад

    Great tutorial and great teaching skills. Thank you for sharing 💪🏻

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

    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?

  • @thomasnarkiss6319
    @thomasnarkiss6319 11 месяцев назад +2

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

  • @Israel_chidera
    @Israel_chidera 2 дня назад

    Simple and easy to understand. Thank you

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

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

  • @gouravkolhatkar3623
    @gouravkolhatkar3623 9 месяцев назад

    Best Redux toolkit tutorial, period.

  • @ailint5557
    @ailint5557 9 месяцев назад

    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?

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

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

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

    Great tutorial bro! Appreciate it so much. Clear and concise.

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

    Best Redux tutorial I have come across. 👏👏

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

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

  • @Ryan-fe2du
    @Ryan-fe2du 6 месяцев назад

    This is awesome! From Zero to Hero! Thank you!

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

    Excellent thank you very much for this video!
    I suggest categorizing the video, it takes a while, but saves me as a viewer lots of time watching things I already know...

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

    Great video! Concept cleared.
    Thank you!

  • @Amritbagga-vk6kq
    @Amritbagga-vk6kq 8 месяцев назад +1

    Your keyboard so satisfying to hear!

  • @BharathN-g2r
    @BharathN-g2r 8 дней назад

    Thanks a lot. Your tutorial is very helpful. Subscribed !!

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

    Thank you so much for the video. It was really helpful! I think it would also be cool to hear an explanation of RTK query from you

  • @Manu-ff5vl
    @Manu-ff5vl Год назад

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

  • @Shaheer-xs5os
    @Shaheer-xs5os Год назад +1

    Amazing explanation! Thank you for this video sir!

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

    Been going through all your videos to learn react and found them really great to follow, left this one as the project I took over at work doesn't use redux, finally got around to watching it. Makes me wonder why we don't use redux as it looks really good, sort of state management (we use context) and useReducer hook rolled into one.
    Just to confirm, when using "useState" vs useRef, the use state forces a redraw but useRef doesn't.... So what is forcing the redraw -- is it whenever you call "dispatch(...)" so just like when using useState.
    Also - great tip at the end, thanks for the heads up on the extension :)

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

      Without Redux, useState is causing a re-render and useRef isn't. With redux, it's when you dispatch the action. It then goes to the store which gets updated, and components receive the updates through the selectors if they're listening. This all works through context btw, using the Provider from react-redux, so it's pretty similar!
      I'm not sure why people don't use Redux too much. It used to be a lot more complicated in the past, but now with RTK it's so much better. But sometimes it may be overkill for a project, it depends. I really like it as well!

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

      @@cosdensolutionsGreat, thanks for confirming that. Not looked at RTK Query yet. just messing around with the basics first :)

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

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

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

    fantastic tutorial. keen to try redux in my projects!

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

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

  • @MFarhanP
    @MFarhanP 7 дней назад

    one of the good video i saw about the redux

  • @Nothing-xi5dv
    @Nothing-xi5dv 5 месяцев назад

    Thanks, cosden, for your valuable video.

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

      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 Год назад

      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.

  • @danlabrador
    @danlabrador 9 месяцев назад

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

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

    Very clear explanation..very helpful video..Thanks !

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

    Best RTK explanation video. Thanks brother.

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

    Thank you so much for sharing the source code as well, it's very helpful.

  • @FBC-pc5tv
    @FBC-pc5tv Месяц назад

    I love your confidence sir

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

    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  Год назад

      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 🙁

  • @vladmoca
    @vladmoca 8 месяцев назад

    This tutorial was amazing! Thank you so much!

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

    Thank you so much for your tutorials!

  • @bhargavganesh6496
    @bhargavganesh6496 9 месяцев назад

    explained everything in just 30 min
    wonderful tutorial
    thanks

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

    Great explanation as always 💯

  • @fefeb0
    @fefeb0 9 месяцев назад

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

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

    it's so clear, thank you so much

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

    What a great, great video!! Thanks for that! :)

  • @EpistemicFomo
    @EpistemicFomo 28 дней назад

    Thank you so much for your hard work!

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

    Apart from the great explanation, the fact that some people seems to think this "paradign" is cool blows my mind. Am i the only one who thinks this is overcomplicated for no reason ?

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

      it used to be way worse. Try zustand for a simpler solution

  • @iobldo687
    @iobldo687 10 дней назад

    this video is amazing, thanks you bro

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

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

    • @cosdensolutions
      @cosdensolutions  11 месяцев назад +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 ☺️

  • @MarlonEnglemam
    @MarlonEnglemam 10 месяцев назад +2

    great video. I've always liked and tried to use redux toolkit since the first time I came across it! I have one question though, I'm planning to add redux toolkit to deal with states in the react application I'm working on but it's not completely clear how to deal with HTTP responses from the backend services, what I mean by that is: let's picture a scenario where I call a service layer/endpoint from inside the async thunk action, is it ok for me to just return its response back to the JSX component that dispatched that action? or is it better if I simply use its response and deal with it inside the redux slice and use states to update the user interface (with a toast error message, let's say)? (consider that I'm not using RTK query to deal with HTTP requests, instead I'm gonna have a service layer with classes that will receive a axios instance and then make the HTTP calls)

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

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

  • @EliteSurfing-i7c
    @EliteSurfing-i7c Год назад

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

  • @kirankothandan5529
    @kirankothandan5529 9 месяцев назад

    You are an amazing teacher man❤

  • @tunde6159
    @tunde6159 8 месяцев назад

    Best redux tutorial ever.

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

    Very straightforward. Thanks, bro

  • @amargaridaferreira
    @amargaridaferreira 9 месяцев назад

    Thank you for this tutorial, great explanation 🙌