Redux For Beginners | React Redux Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024

ความคิดเห็น • 2.3K

  • @신동규-e8g
    @신동규-e8g 5 ปีที่แล้ว +1515

    The easiest explanation about react-redux I've ever seen

    • @dreams-do-come-through
      @dreams-do-come-through 5 ปีที่แล้ว +7

      Exactly!

    • @alexandergroshev3991
      @alexandergroshev3991 4 ปีที่แล้ว +11

      first time i started to read about redux was like a: "What a hell, so complicated!" ))))

    • @cicciopasticcio8469
      @cicciopasticcio8469 4 ปีที่แล้ว +3

      Can’t agree more

    • @atasuki37
      @atasuki37 4 ปีที่แล้ว +1

      So true!

    • @kavindesivalli
      @kavindesivalli 4 ปีที่แล้ว +3

      I know, right. I tried watching so many tutorials but none made me understand the concept properly

  • @TonyyStarrkk1994
    @TonyyStarrkk1994 3 ปีที่แล้ว +253

    I watched so many different tutorials, and even bought a Udemy course before I found this video… no one explained the core concept in a simple way, they all just jumped into making a million files and doing things out of order. You helped me finally grasp this, thank you so much!!!

    • @nalathomas6340
      @nalathomas6340 2 ปีที่แล้ว +1

      i know right

    • @Ctrlshifti
      @Ctrlshifti 2 ปีที่แล้ว

      Exactly

    • @zNeoDev
      @zNeoDev 2 ปีที่แล้ว

      Yup same here

    • @worldclasscode1847
      @worldclasscode1847 2 ปีที่แล้ว

      Yes, I have already forgot all about redux. Did you try Use Context + Local Storage?

    • @mocoebabymom
      @mocoebabymom 2 ปีที่แล้ว

      which udemy tutorial if you dont mind telling?

  • @romanazeem3098
    @romanazeem3098 4 ปีที่แล้ว +242

    "If you can't explain it simply, you don't understand it well enough". You made my day bruh...

    • @stephanpaul8954
      @stephanpaul8954 3 ปีที่แล้ว +5

      I want this on my wall like those motivational posters that are all black with the white text

    • @siddhantraj5323
      @siddhantraj5323 3 ปีที่แล้ว +1

      this line hits

  • @saffwanqamar5849
    @saffwanqamar5849 3 ปีที่แล้ว +191

    How did this guy teach everything in 40 minutes that people aren't able to teach in 40 hours? Absolutely amazing.

    • @bioshazard
      @bioshazard ปีที่แล้ว +4

      Because pedagogical talent like all talent follows a Pareto distribution

    • @Gnnesh
      @Gnnesh ปีที่แล้ว +1

      @@bioshazard 🤔😕

    • @bioshazard
      @bioshazard ปีที่แล้ว +7

      @@Gnnesh in other words, very few people are extremely talented and put almost everyone else to shame. That is true everywhere including teaching.

  • @Sabrina-dx5jc
    @Sabrina-dx5jc 3 ปีที่แล้ว +326

    TIMESTAMPS
    00:00 Introduction
    01:41 Overview of app
    07:08 Initialise app
    08:46 Setting up with Redux only
    08:54 Store
    09:57 Actions
    10:47 Reducers
    11:22 Dispatch
    19:27 Integrating React-Redux
    23:05 combineReducers
    27:35 Redux DevTools
    30:54 Hooking up to app
    32:04 useSelector hook
    34:49 useDispatch hook
    38:12 Adding arguments (payload) for Actions

  • @ScopedMach1ne
    @ScopedMach1ne 4 ปีที่แล้ว +675

    "in case you’re ever going to get hired" ..... lmao that hit deep!

    • @SpamFreedom
      @SpamFreedom 4 ปีที่แล้ว +4

      @@virtumind where are you located and are you for real 4 years lol?

    • @ThePaullam328
      @ThePaullam328 4 ปีที่แล้ว +1

      @@virtumind oof what's your area of expertise and what projects have you done... I supposed you have already done 40 projects in different frameworks and languages

    • @virtumind
      @virtumind 4 ปีที่แล้ว

      @@ThePaullam328 yes I used php js nodejs reactjs C# Delphi

    • @ThePaullam328
      @ThePaullam328 4 ปีที่แล้ว +6

      @@virtumind if I were you having those 4 years, I would have branched out to Kotlin/Swift mobile dev, C#/C++ game dev, Python data analytics, machine learning, etc., instead of just sticking to very limited options... for web dev as well there are sth like JQuery, Vue, Angular, and you can even try WordPress... Btw use some very up-to-date languages instead of sth that nobody uses nowadays like Delphi if you wanna get hired.

    • @virtumind
      @virtumind 4 ปีที่แล้ว +8

      @@ThePaullam328 react node php has very high demand. I went to several interviews 70% are very hard to pass and the rest that I passed, HR did not replay to me later. Some companies want the developer to beg for a job. Any way my location is my prison I can not find a way to relocate.

  • @kempisabel9945
    @kempisabel9945 3 ปีที่แล้ว +40

    the part 9:50 - 19:25 where you explain store, action, reducer, dispatch was so useful! can't wait to use it on my project! thank you so much!

  • @developedbyed
    @developedbyed  5 ปีที่แล้ว +220

    I am delaying the Vue video until Vue 3.0 drops so we know 100% what changed. If you want to see redux thunk I will add it when we build a project so we can see a practical use.
    Thanks for anything and your support on Patreon!

    • @mhdyousuf3392
      @mhdyousuf3392 5 ปีที่แล้ว

      Dev Ed Ok.. appreciated it

    • @drenkarvet4768
      @drenkarvet4768 5 ปีที่แล้ว +1

      Thanks , keep up the hard work 🖤

    • @Somsubhra_Das
      @Somsubhra_Das 5 ปีที่แล้ว +1

      Please do redux-thunk too.

    • @Somsubhra_Das
      @Somsubhra_Das 5 ปีที่แล้ว +1

      @Rakhimbek Berkinbay there are many alternatives. ContextAPI is provided by default in react. You don't even need to install any extra packages for context API. Also easy peasy state manager is there.

    • @munyetech
      @munyetech 5 ปีที่แล้ว

      what program you editing your video and screen recording please

  • @maximoarauz8115
    @maximoarauz8115 2 ปีที่แล้ว +23

    2 years since the creation of this video, still the best and cleanest explanation i've seen

  • @felicitya.9077
    @felicitya.9077 2 ปีที่แล้ว +15

    Can I just say ' I love you dev ed'. First, you taught me context API and when I was ready to go further, you are still here to teach me redux.
    Hey youtube, someone deserves a consistency and simplicity award

  • @JenniferStewart100
    @JenniferStewart100 4 ปีที่แล้ว +44

    After having a meltdown and damn near crying after my coding schools React assignments... I came here and in 30 mins understood way more than 2 days of two-hour lectures. I like how you speak in lamens terms... maybe thats all I needed.

    • @dylanlee9176
      @dylanlee9176 3 ปีที่แล้ว

      dont cry, just add me on facebook i'll help you :D

    • @meerestiyak9483
      @meerestiyak9483 3 ปีที่แล้ว +5

      @@dylanlee9176 haha

    • @sofiachaves2575
      @sofiachaves2575 3 ปีที่แล้ว +1

      the fact that you learn react in your school is what is making me cry, in my school they only taught me C, C++, Flash, HTML and CSS and that was it... xD

    • @farban6200
      @farban6200 3 ปีที่แล้ว

      fr lmao

    • @kyrianmolokwu8306
      @kyrianmolokwu8306 3 ปีที่แล้ว +1

      @@sofiachaves2575 you guys learnt this in school??

  • @cherniaev
    @cherniaev 5 ปีที่แล้ว +201

    One little thing for the beginners: instead of using a ternary operator for conditional rendering at 34:40 it's preferable to use { isLogged && Valuable Information... } according to React docs.

    • @m3rl1on
      @m3rl1on 4 ปีที่แล้ว

      huh, i've never used conditional rendering like these. will try to use this later

    • @d3struction61
      @d3struction61 4 ปีที่แล้ว +3

      I prefer it this way, even without the documentation :D

    • @rudeadyet1992
      @rudeadyet1992 4 ปีที่แล้ว

      doc's link, please.

    • @cherniaev
      @cherniaev 4 ปีที่แล้ว +2

      @@rudeadyet1992 Here it is! reactjs.org/docs/conditional-rendering.html#inline-if-with-logical--operator

    • @bengrandin2646
      @bengrandin2646 4 ปีที่แล้ว +7

      Could also simplify arrow function when returning object by :
      export const increment = () => ({
      type:"INCREMENT",
      payload:5
      })
      instead of
      export const increment = () => {
      return ({
      type:"INCREMENT",
      payload:5
      })
      }

  • @vicliur2
    @vicliur2 5 ปีที่แล้ว +39

    Thank you, you are one of the rare TH-camrs who actually goes and explains the concept rather than just doing it.

  • @syedkalam5781
    @syedkalam5781 2 ปีที่แล้ว +16

    Glad to watch your coding sessions, This is a very detailed,focussed and real-time explanation. The best part is that you make us feel easy about the topics. Keep up with the laughs and the smile! haha.

  • @dashayankovsky8323
    @dashayankovsky8323 3 ปีที่แล้ว +10

    After all the struggles, finally the best and the easiest explanation of Redux! Thank you so so much!!! You are a great teacher!!!!

  • @geoffreyhoffman4261
    @geoffreyhoffman4261 4 ปีที่แล้ว +82

    Ed, you're the man! In 40 minutes you just made sense of something I've been trying for 2 weeks to understand. Thanks!

    • @nativetube
      @nativetube 3 ปีที่แล้ว

      Lol redux is damn easy, you're just a kid got excited to learn something something pretty hard easily for the first time.
      Chill

    • @geoffreyhoffman4261
      @geoffreyhoffman4261 3 ปีที่แล้ว +11

      @@nativetube I'm 35... If its so easy, why are you watching tutorials. And how bored are you that you're trolling 10 month old comments. Why throw shade for me showing gratitude to Ed for putting together a decent tutorial? Get a girlfriend and move out of your mom's basement.

    • @skyro6138
      @skyro6138 3 ปีที่แล้ว +10

      @@nativetube Imagine being so insecure about your programming abilities that you have to go around downgrading other people for learning new concepts. Absolutely pathetic.

    • @kuronakajima9645
      @kuronakajima9645 3 ปีที่แล้ว +3

      This comment section went south so fast...

    • @kumargourav7065
      @kumargourav7065 2 ปีที่แล้ว +1

      @@nativetube dear if u think u r so intelligent and don't need anyone help then what the hell u r here up for.... And I m pretty sure you don't know redux properly... U just saw this video and then u are thinking u r an hero then u started bullying... Dear everyone have right to get educated and can study....

  • @psycodeveloper9001
    @psycodeveloper9001 5 ปีที่แล้ว +9

    I usually don't comment on tutorial videos. I just watch like and skip. But this one was a different one. The way you explained it was really awesome. You made such a huge topic soooo easy to understand. This one is the best tutorial on Redux which I have seen till date. Thanks buddy, you are really a great teacher. Keep going. We will keep supporting... 😍😍😍

  • @dreams-do-come-through
    @dreams-do-come-through 5 ปีที่แล้ว +64

    T h a n k y o u ! - The first tutorial I've seen about Redux where I really got the impression that the tutor ACTUALLY INTENDS to help people understand Redux. My experience is that many people who make tutorials seem to have a lot of thoughts in their head about showing others how smart and fast *they* are, and they seem to forget a little bit that they are actually trying to help *others* understand some new or difficult concepts. I personally appreciate everybody's effort who teaches others something, but it's so beautiful when someone is able to do it very well.
    Please, keep doing what you are doing!

    • @aammssaamm
      @aammssaamm 4 ปีที่แล้ว +1

      Most likely they don't understand what they explain cause they look like they memorized somebody's instructions and thanking god for nobody there to ask them a question.

    • @thecodetoad6098
      @thecodetoad6098 4 ปีที่แล้ว +3

      Great comment. I've been one of those "let me show you how great I am" guys for a long time. It saddens me to know how many people I might have made feel insignificant with my behavior. The Universe made sure to knock me down to a point where I could finally see the consequences of my actions.

    • @trevorallen7554
      @trevorallen7554 3 ปีที่แล้ว

      this x1000

    • @scriptkeeper8243
      @scriptkeeper8243 3 ปีที่แล้ว

      Truth is they don't understand it themselves.

  • @ice_tee
    @ice_tee 2 ปีที่แล้ว +1

    The video is neither very short nor very long. Completely on point. Thank you so much !!

  • @idevbrandon
    @idevbrandon 3 ปีที่แล้ว +6

    13:00 action
    14:00 reducer
    16:30 Dispatch
    19:40 react-redux start
    23:12 Hook the reducers into our store & combine all reducers
    31:00 interact with React Redux
    34:50 modify the counter with increment/decrement

  • @mdintekhabshaukat3941
    @mdintekhabshaukat3941 5 ปีที่แล้ว +54

    I am complete beginner to react and redux, however, I could understand the concept and code. Nicely explained. Well done and Thank you.

  • @cobalt0s
    @cobalt0s 4 ปีที่แล้ว +27

    Give him a medal! This is great. Simple and everything to the point.

  • @Somsubhra_Das
    @Somsubhra_Das 5 ปีที่แล้ว +35

    This is the best redux tutorial I've found till date 😍😍😍

  • @xiaoyuchen9731
    @xiaoyuchen9731 3 ปีที่แล้ว +10

    Love this redux tutorial, very easy to follow and understand! Dev Ed could always know what really hinders us and help us get out of that in a very clear way!

  • @high-oncode7576
    @high-oncode7576 3 ปีที่แล้ว +34

    No one would say redux is difficult to understand after watching this. Dev Ed❤

    • @nicholasmamali2704
      @nicholasmamali2704 3 ปีที่แล้ว +1

      bro this guy is great

    • @worldclasscode1847
      @worldclasscode1847 2 ปีที่แล้ว

      I say: It's difficult. Especially since I think it does not solve any of my problems. That is: 1/ Distributing state in a simple way, 2/ Persistent state in a simple way

  • @SomeRandomNess4
    @SomeRandomNess4 4 ปีที่แล้ว +11

    Hey Ed! I really appreciate the fact that you get into these topics with so much positivity on your face.
    Keep up the good work!

  • @P2WFosraken
    @P2WFosraken 4 ปีที่แล้ว +14

    Finally, I see the light at the end of the tunnel! Thank you so much!

  • @ryansamarakoon8268
    @ryansamarakoon8268 5 ปีที่แล้ว +10

    You finally helped me understand how to use redux, no other tutorial out there breaks it down as well as you did. Thank you!

  • @SulferDragon
    @SulferDragon ปีที่แล้ว +1

    One of the most concise and helpful tutorials for any programming concept that I have ever seen.

  • @MickenCZProfi
    @MickenCZProfi 2 ปีที่แล้ว +1

    Thank you SO MUCH! Even though there are new ways to operate Redux nowadays, this 3yo tutorial was the only thing that did it for me, now I finally understand it. You're a life saver, thanks!

  • @OhmVibe
    @OhmVibe 5 ปีที่แล้ว +16

    This really helped me to wrap my head around Redux after struggling with the basics for a while. Great visual explanation of the concepts.

    • @aammssaamm
      @aammssaamm 4 ปีที่แล้ว

      It feels like redux creators also struggle a lot to come up with such a mess 😂😂😂

  • @brazybenjamin2937
    @brazybenjamin2937 2 ปีที่แล้ว +4

    we just started learning redux in my bootcamp and when I heard about actions and reducers, etc.. I was so lost and confused, but this video really helped me understand redux much better. Thank God for you, I appreciate you so much man. 👍🏻

  • @therealblackgold
    @therealblackgold 3 ปีที่แล้ว +4

    All your videos are gold this one was no disappointment...definitely the best redux explanation on the internet.

  • @brandonwie4173
    @brandonwie4173 3 ปีที่แล้ว +1

    I’m here to refresh Redux concepts for my assignment and interview for my first job and indeed Ed you’re amazing. Big thanks in 2021.

  • @Amelie_Dubois
    @Amelie_Dubois 2 ปีที่แล้ว

    I just started my second ever tech job and my supervisor wants me to learn Redux. I had never heard of it before so I came to TH-cam to find some videos that would help me understand it. I watched a few videos and nothing made sense to me until I stumbled upon your video! Thank you so much for this!

  • @carsontrinh414
    @carsontrinh414 3 ปีที่แล้ว +3

    Really great explanations! I like that you explain things repeatedly and highlight certain points that reduce how magical redux feels sometimes

  • @millertime6
    @millertime6 4 ปีที่แล้ว +16

    omg, i love the high-level overview in the beginning! Just diving into the code and jumping from file to file is so confusing!

  • @meganadams
    @meganadams 4 ปีที่แล้ว +40

    This gave me the 'click' in my brain that I was hoping for... Thank you!

    • @LiteraryLad_824
      @LiteraryLad_824 4 ปีที่แล้ว +1

      same. been avoiding redux for months because of the initial wtf moment i had when first learning it. this helped.

  • @thomastilahun9272
    @thomastilahun9272 2 ปีที่แล้ว

    I had a lot confusion about Redux entire lifecycle, honestly speaking no one explained like this before. Thank you so much!!!

  • @adityakadam2256
    @adityakadam2256 3 ปีที่แล้ว +1

    The most straightforward and simple explanation of redux on entire TH-cam. Thank you very much.

  • @Blure
    @Blure 5 ปีที่แล้ว +183

    Could you consider making a tutorial of a real world app in React? Thanks for sharing your knowledge. Kind regards.

    • @bugwriteryang8038
      @bugwriteryang8038 5 ปีที่แล้ว +4

      +1

    • @kefamutuma7402
      @kefamutuma7402 5 ปีที่แล้ว +21

      counter ++

    • @ChrisTarasovs
      @ChrisTarasovs 5 ปีที่แล้ว +9

      I will be creating one tomorrow. Also a comparison between Angular and React :) as the way you implement is very similar

    • @kefamutuma7402
      @kefamutuma7402 5 ปีที่แล้ว +2

      @@ChrisTarasovs great.. looking forward to it..

    • @ChrisTarasovs
      @ChrisTarasovs 5 ปีที่แล้ว +1

      Here you go guys, th-cam.com/video/4S0DLZKNDAk/w-d-xo.html
      Sorry it took me so long, I was ill :(

  • @martinbozinovski
    @martinbozinovski 5 ปีที่แล้ว +4

    Such a good explanation. I watched a Udemy course with a whole app and it was knowhere near this explanatory. Sometimes we need to do just baby steps. Nice work man, really nice work.

  • @demetriuscyprian8368
    @demetriuscyprian8368 ปีที่แล้ว +3

    To be honest, this man helped me a lot to become a developer! Thanks

  • @rajatkinlekar290
    @rajatkinlekar290 2 ปีที่แล้ว

    Bro I watched like almost hundreds of tutorials on redux and you were the one who made me finally understand it. :)

  • @Oxygen.O2
    @Oxygen.O2 3 ปีที่แล้ว

    I speak french, and there is various tutorial in my language, but there is nothing that come quite close to your tutorial. It's crystal clear, thanks!

  • @AiwwwA
    @AiwwwA 3 ปีที่แล้ว +5

    This is the best explanation. Dude knows how to explain complicated things 🤟

  • @lovegovindasat
    @lovegovindasat 5 ปีที่แล้ว +8

    Great video! I recommend calling the 'reducer' an action handler. Thank you!

    • @aammssaamm
      @aammssaamm 4 ปีที่แล้ว

      it's actually a sync event handler.

  • @tarekfathi2003
    @tarekfathi2003 3 ปีที่แล้ว +3

    you are a wonderful instructor. Amazing explanation for the complex and complicated Redux library

  • @prasadwakle2462
    @prasadwakle2462 2 ปีที่แล้ว

    I wanted to learn Redux and I watched many redux tutorials, none of them explained Redux in such an easy way. Thank you so much.

  • @ShaliniNegi24
    @ShaliniNegi24 2 ปีที่แล้ว +1

    I really love how happy/ cheerful you are while teaching this clearly reflect the joy which you get while teaching. Thank you

  • @FerminArellano
    @FerminArellano 5 ปีที่แล้ว +4

    Great tutorial! At first I didn´t want to keep on watching it since you said you didnt like Redux. But even though you dont like it you still did an amazing job at teaching it.

  • @Mo_sch2001
    @Mo_sch2001 3 ปีที่แล้ว +4

    I can't describe the much of love that I have to you , you literally made my day bro👌♥️

  • @Zaizen-r8e
    @Zaizen-r8e 5 ปีที่แล้ว +5

    I was in trouble to understand Redux in my work. But this tutorial helped me a lot. Thank you.

    • @worldclasscode1847
      @worldclasscode1847 2 ปีที่แล้ว

      Do you use Redux today. I use Context: th-cam.com/video/Uex_Z8CLHsc/w-d-xo.html

  • @onax1
    @onax1 3 ปีที่แล้ว +2

    Just about the easiest explanation of redux I've seen.
    Thanks Ed.

  • @westm1839
    @westm1839 3 ปีที่แล้ว +2

    I’m a current SWE but I know way more about devops and infra than web dev and I *immediately* subbed this channel from the moment I opened the vid, I love your personality and the humor you bring to explaining stuff!

  • @xoxoo4877
    @xoxoo4877 4 ปีที่แล้ว +5

    Thank you! I really appreciate when someone "nuclear physics things" made understandable in such an easy way.

  • @KyleSmith-qs1if
    @KyleSmith-qs1if 5 ปีที่แล้ว +13

    This video was perfect timing! Appreciate it man

  • @T-Show.
    @T-Show. 3 ปีที่แล้ว +3

    It's nice to see that Juventus' Aaron Ramsey spends his time off teaching people how to code.

  • @sogenohata1948
    @sogenohata1948 5 หลายเดือนก่อน

    So easy to understand. I was truly a beginner at this and yet I understood.
    I also just love the energy and humor of Ed!

  • @yonathanhailemelekot5238
    @yonathanhailemelekot5238 2 ปีที่แล้ว +1

    The hooks part is so amazing.

  • @imhrsh
    @imhrsh 5 ปีที่แล้ว +5

    the ending is awesome dude. !!!!

  • @LeaDClan
    @LeaDClan 5 ปีที่แล้ว +10

    So cool. Could you provide a video wirh Firebase Auth / Collections in a React Context? I‘ve seen some videos but your explanations & style of doing videos suits me better. :)

    • @worldclasscode1847
      @worldclasscode1847 2 ปีที่แล้ว

      Yes, I have a video with Firebase Auth / Collections in React Context... :) th-cam.com/video/Uex_Z8CLHsc/w-d-xo.html

  • @nivaech
    @nivaech 5 ปีที่แล้ว +7

    Every attempt of implementing Redux into my app finishes with implementing React Context :(
    Thanks for the video. Gonna dive into it once again.

    • @worldclasscode1847
      @worldclasscode1847 2 ปีที่แล้ว

      React Context is perfect. Specially if you combine it with Local Storage and Use Effect Hooks, like this: th-cam.com/video/Uex_Z8CLHsc/w-d-xo.html

  • @dhruvishabansal2652
    @dhruvishabansal2652 3 ปีที่แล้ว +1

    Was so confused about redux, you made it understandable in the simplest manner. Thank you so much :)

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 ปีที่แล้ว +1

      Hi Dhruvisha! Are you a student or working currently? Would you be interested in exploring a job opportunity in web development?

    • @dhruvishabansal2652
      @dhruvishabansal2652 3 ปีที่แล้ว +2

      @@shivanigaddagimath6105 Hii, I am a student and interning with a company at the moment. And I would like to explore the opportunity. Thank you 😊

    • @shivanigaddagimath6105
      @shivanigaddagimath6105 3 ปีที่แล้ว

      @@dhruvishabansal2652 Great! You can get in touch with me using the information on my channel. Looking forward to hearing from you!

  • @rio45214
    @rio45214 ปีที่แล้ว

    I've been watching tutorials for several hours now, none of them were as fun and helpful as yours. Thank you so much 😭

  • @denns0r
    @denns0r 5 ปีที่แล้ว +8

    oh my god, that was such a good introduction!! thx a lot

  • @namphuong8828
    @namphuong8828 5 ปีที่แล้ว +4

    greatest explanation i have ever seen, tks bro

  • @animexanime2566
    @animexanime2566 4 ปีที่แล้ว +4

    Teachers: i am explaining everything to you
    Me: watch this video

  • @arumih9998
    @arumih9998 3 ปีที่แล้ว +1

    Thank you so much! I was confused about react-redux and you fixed all the problems! You won a new subscriber ;)

  • @Min.Scepter
    @Min.Scepter 2 ปีที่แล้ว

    Why didn't i discover your channel all this while. I have wasted so much money, time and effort on tutorials that got me confused the more. You a life saver, such a wonderful tutor. Your channel will be on my top list. Thanks.

  • @douglaslombard5616
    @douglaslombard5616 5 ปีที่แล้ว +5

    greetings from South Africa, thanks for the vid

  • @barjuandavis
    @barjuandavis 4 ปีที่แล้ว +5

    Imagine spending 30 minutes only setting up a counter redux store while Context API only takes a few lines of code on App.js 😂

    • @bagup_alpharetards
      @bagup_alpharetards 4 ปีที่แล้ว

      Not few lines. Just a single line to call the Provider Component having a global state and than wrapping every other component inside it. if I'm not wrong

    • @aammssaamm
      @aammssaamm 4 ปีที่แล้ว

      @@bagup_alpharetards it can be easily automated. Writing this mess by hand is a choice not a necessity.

    • @worldclasscode1847
      @worldclasscode1847 2 ปีที่แล้ว

      Yes, Context is a line or two. And we can easily make context persistent, to survive a browser refresh, like this: th-cam.com/video/Uex_Z8CLHsc/w-d-xo.html

  • @arslanahmed5137
    @arslanahmed5137 3 ปีที่แล้ว +4

    "If you can't explain it simply, you don't understand it well enough"

  • @syedahmadarshad3711
    @syedahmadarshad3711 2 ปีที่แล้ว +1

    For someone who is new to Redux, this is perfect. Simple and concise.

  • @twinklegoyal2239
    @twinklegoyal2239 2 ปีที่แล้ว

    Absolutely amazing, no one explained the core concept in a simple way, they all just jumped into making a million files and doing things out of order. You helped me finally grasp this, thank you so much!!!

  • @Breezbriznost
    @Breezbriznost 3 ปีที่แล้ว +5

    I spent 10 minutes of my life trying to know why the code wasn't working, turned out I forgot to put () in the dispatch(increment()) part.

  • @unknownman1
    @unknownman1 4 ปีที่แล้ว +4

    Error: Reducer "counter" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.
    wtf am I doing wrong?

    • @unknownman1
      @unknownman1 4 ปีที่แล้ว +2

      I found the soulution. I'm surprised that how no-one pointed out this error. I guess people here in the comments just watches the video without trying the code on their own. Anyways, if you also face this error just add default statement to counter.js switch case.
      const counterReducer = (state=0,action) => {
      switch(action.type){
      case 'INCREMENT':
      return state+1;
      case 'DECREMENT':
      return state-1;
      default:
      return state
      }
      }
      export default counterReducer;

    • @ayaanqui
      @ayaanqui 4 ปีที่แล้ว

      @@unknownman1 Thanks man, I got the same error and was unable to find a solution

    • @permanar_
      @permanar_ 4 ปีที่แล้ว

      I mean he explicitly explained it in the video, but he just doing it in the loggedReducer (and I assume you already see the whole video without skipped anything). And you can just did the same thing for counter.

    • @syedimam1998
      @syedimam1998 3 ปีที่แล้ว

      i have a doubt how it is linking increment/decrement action to counter reducer every time and he have not explained about the logIn and logout action..............
      what if there are 2 different reducers both of them need increment and decrement actions, while in dispatch he haven't mentioned the reducer he is passing then how it would differentiate. that which reducer would get the increment/decr........

  • @marwansalah4910
    @marwansalah4910 3 ปีที่แล้ว +1

    I like that you are organized and really impose a specific coding style that makes it look easy, thank you sir!

  • @aadeshsharma0001
    @aadeshsharma0001 3 ปีที่แล้ว +1

    thank you so much ,now i am very comfortable with redux and i have also watched your context api video that was also very helpful.Thanx for clearing these concepts.

  • @Srishti9015
    @Srishti9015 3 ปีที่แล้ว +1

    Your videos are incredible, I have so much respect for your commitment to sharing all your knowledge, I've only watched a couple so far but i hit subscribe about 2 minutes in. They're truly informative and i think you have such a genuine and authentic personality it's so nice to hear you speak. Hope you never stop educating and thank you so much!

  • @chilledsam3025
    @chilledsam3025 3 ปีที่แล้ว +2

    Really a clean tutorial. Simpliest. You should have a full REACT tutorial. Loved it

  • @chrisstucker1813
    @chrisstucker1813 ปีที่แล้ว +1

    This was amazing, I would get confused seeing stuff like reducers and dispatch wondering wtf they do but you explained all the concepts very nicely and now I understand a lot better :-)!!

  • @naseeb3661
    @naseeb3661 3 ปีที่แล้ว +1

    The most amazing tutorial I have ever seen! I loved every bit of this video. I was getting so much confused on this topic but you explained it all in such a nice way and with such enthusiasm. Damn it man! I have never seen anyone explain such a topic while carrying such a wide smile on his face. I love the way you explained all of this brother, please do not change this style.
    And one more thing, I was not interrupted with even a single ad during such a long video! I do not have ad-block just to support content creators like you, and this time I felt really bad that I was not bombarded with ads like all the other youtubers do. Please add more ads. I want to support your efforts.

    • @worldclasscode1847
      @worldclasscode1847 2 ปีที่แล้ว

      Yes, I agree, the best Redux tutorial so far. But can I get persistent state management with redux? All state disappear as soon as the user hits refresh in the browser...

  • @charanbrijesh4510
    @charanbrijesh4510 3 ปีที่แล้ว

    I have heard people telling me that REDUX is a pain in learning/understanding, but the way it has has been explained in this video helped a lot.
    I am now comfortable to use it in my projects.

  • @oyewoleshedrack8801
    @oyewoleshedrack8801 ปีที่แล้ว +1

    Basically simplified everything for me.
    Now I can implement redux in my projects

  • @poonejabbari52
    @poonejabbari52 2 ปีที่แล้ว

    Thank u soooooo much for this simple explanation. I had watched loadssss of videos and couldn't really get hold of all that. Now i can skip the Redux module of my course

  • @missphantomhive2796
    @missphantomhive2796 3 ปีที่แล้ว +1

    This video was a life-saver!! I was trying to make sense of Redux for past few days!

  • @ericmakuza7449
    @ericmakuza7449 2 ปีที่แล้ว

    Man u should be given an award for this one this is the best redux tutorial out here

  • @wikhan2002
    @wikhan2002 2 ปีที่แล้ว

    It's so organic way of teaching. I love that. You made my Redux day. Thank you so much.

  • @NeeshieK
    @NeeshieK 2 ปีที่แล้ว

    I watched a few videos and yours made the most sense! explained in a very simple way that is hard to not understand. my current work uses it so I've been trying to learn it. thank you so much!

  • @vaibhavagrawal6770
    @vaibhavagrawal6770 3 ปีที่แล้ว +1

    Great and easiest explanation. The best part is your video's are never monotonous or boring. Thanks Indeed

  • @blank583
    @blank583 3 ปีที่แล้ว +1

    I did rewatch this after few days playing with react, now I can comprehend all you've discussed the entire video, thank you so much!

  • @harishvenkatesan8751
    @harishvenkatesan8751 3 ปีที่แล้ว

    This man is the best for redux tutorials
    I have watched a lots of tutorials for redux but nothing is as simple as this
    Great job

  • @jackiekopco
    @jackiekopco 3 ปีที่แล้ว +2

    This was extremely helpful, and I so love how funny you are! Your humor makes difficult subjects far easier to comprehend! Thank you so much!!

  • @akinfabunmi8186
    @akinfabunmi8186 ปีที่แล้ว

    I really can't say much but just 10 mins into this video, I grasped so much what almost 2 hours of some other videos couldn't give me.

  • @swag380
    @swag380 2 ปีที่แล้ว

    Watching this before an interview test, and it's a huge help! Thank you for taking the time to make this while also indulging on your personal perspective about the technology!

  • @njtuts5818
    @njtuts5818 2 ปีที่แล้ว +1

    Its really true that its 100% cover the redux understanding for beginner. Thanks brother! Keep it up....

  • @chaitanyaj4877
    @chaitanyaj4877 3 ปีที่แล้ว

    I came to you for learning Context API & now again for this. You're the best, Man!

  • @web3vicky
    @web3vicky ปีที่แล้ว

    wow man simply amazing!! you just clearly explained REDUX with code to me in 40 mins which a 2 hours of class failed to do so... Thanks a lot!

  • @vasanthakhila
    @vasanthakhila 2 ปีที่แล้ว

    only a great man can make and explain complex things much simpler. .. you are really great . words cant express my gratitude