Redux For Beginners | React Redux Tutorial

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

КОМЕНТАРІ • 2,3 тис.

  • @신동규-e8g
    @신동규-e8g 5 років тому +1514

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

  • @TonyyStarrkk1994
    @TonyyStarrkk1994 3 роки тому +252

    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 2 роки тому +4

      Because pedagogical talent like all talent follows a Pareto distribution

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

      @@bioshazard 🤔😕

    • @bioshazard
      @bioshazard Рік тому +6

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

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

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

  • @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 5 років тому

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

    • @d3struction61
      @d3struction61 5 років тому +3

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

    • @rudeadyet1992
      @rudeadyet1992 5 років тому

      doc's link, please.

    • @cherniaev
      @cherniaev 5 років тому +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 UA-camrs who actually goes and explains the concept rather than just doing it.

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

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

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

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

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

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

  • @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 4 роки тому

      this x1000

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

      Truth is they don't understand it themselves.

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

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

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

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

  • @cobalt0s
    @cobalt0s 4 роки тому +27

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

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

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

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

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

  • @P2WFosraken
    @P2WFosraken 4 роки тому +14

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

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

  • @Somsubhra_Das
    @Somsubhra_Das 5 років тому +35

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

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

    There are a ton of really good creator in UA-cam. and I mean really good ones. but Ed is the only one that I can sit here for hours and don't be bother to death.
    I find your videos extremely easy to follow , very entertaining and on top of that your videos are very consistent. One of the thing I hate in other creators is they say "beginners" then they start "let's create an increment button"
    ..then 15 min later...
    "ok now we are creating a full "netflix/facebook/youtube/google style code" ...
    and I am like... wow wow wow that was a func*ing jump -.-

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

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

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

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

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

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

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

  • @demetriuscyprian8368
    @demetriuscyprian8368 Рік тому +3

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

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

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

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

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

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

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

  • @millertime6
    @millertime6 5 років тому +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.

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

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

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

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

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

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

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

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

    You and Kyle(Web Dev Simplified) are the best teacher i have ever seen in my life ❤❤❤

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

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

  • @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: ua-cam.com/video/Uex_Z8CLHsc/v-deo.html

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

    What a brilliant explanation. Concise and through. Exactly what is needed by a beginner. There are 1 hour talks which claim that they are "Beginner tutorials" on Redux! What a waste of time that would be!

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

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

  • @Blure
    @Blure 5 років тому +184

    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, ua-cam.com/video/4S0DLZKNDAk/v-deo.html
      Sorry it took me so long, I was ill :(

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

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

  • @xoxoo4877
    @xoxoo4877 4 роки тому +5

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

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

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

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

    It’s 2 months I am searching for a better video and now I found this. This is the best lesson on React Redux. #reactredux #reactjs #react best tutorial. You’re a awesome. Thank you so much.

  • @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👌♥️

  • @T-Show.
    @T-Show. 3 роки тому +3

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

  • @KyleSmith-qs1if
    @KyleSmith-qs1if 5 років тому +13

    This video was perfect timing! Appreciate it man

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

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

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

  • @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: ua-cam.com/video/Uex_Z8CLHsc/v-deo.html

  • @imhrsh
    @imhrsh 5 років тому +5

    the ending is awesome dude. !!!!

  • @denns0r
    @denns0r 5 років тому +8

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

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

    I was never wrong when I said dev ed is one of the best teachers in the world lol, I've been trying to understand redux for the past 2 days and you my guy teached me more than those 2 days in the first 5 minutes

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

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

  • @douglaslombard5616
    @douglaslombard5616 5 років тому +5

    greetings from South Africa, thanks for the vid

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

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

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

  • @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... :) ua-cam.com/video/Uex_Z8CLHsc/v-deo.html

  • @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: ua-cam.com/video/Uex_Z8CLHsc/v-deo.html

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

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

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

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

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

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

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

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

    Hey my gorgeous friend Dev Ed! I am now working as reactjs dev because of your crystal clear tut. Thank you so much!

  • @Seacrest.
    @Seacrest. 3 роки тому

    The best redux tutorial in entire YT actually. No native russian guides anymore about programing stuff. Thanks for explanation

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

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

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

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

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

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

    I have tried few other UA-cam videos to understand redux but nowhere I understood and finally I saw this tutorial I can confidently say that this is by far the best video for understanding redux. So thankyou for creating such a amazing video. Would love to learn more advance topics like redux saga and redux thunk.

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

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

    I was about to forget all about redux because it was hard. You changed my thoughts with how easy you make redux sound.

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

      Did you get going with Redux. I chose React Context. Simple and difficult to forget ;)

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

    You just won a sub. The explanation was so smooth and dynamic even tho you said you don't like Redux. Kudos!

  • @Zen-lz1hc
    @Zen-lz1hc 2 роки тому

    I am was learning redux, and it was brutal, I got sad, I got lost...
    Then I found your video, and put a smile on my frowny face...
    Thank you for bringing some hope and light to redux.
    Thank you for bringing some light comedy to the software development trenches :) You are my hero today! :)

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

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

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

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

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

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

    No words can express my appreciation for you. keep shining Dev ed.

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

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

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

    The hooks part is so amazing.

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

    Thanks so much Ed.....I learnt something's I couldn't even find on Google.....you are a great teacher