All useEffect Mistakes Every Junior React Developer Makes

Поделиться
HTML-код
  • Опубликовано: 20 май 2024
  • Learn React useEffect hook from scratch. React useEffect tutorial beginner to advanced. useEffect best practices. Clean up, lifecycle, and rendering problems.
    For more projects you can support Lama Dev:
    Join: / @lamadev
    Buy me a coffee: www.buymeacoffee.com/lamadev
    Join Lama Dev groups
    Facebook: / lamadev
    Instagram: / lamawebdev
    Discord: / discord
    Twitter: / lamawebdev
    Source Code: github.com/safak/youtube2022/...
    0:00 Understanding useEffect
    04:10 useEffect Dependency Mistakes
    09:39 useEffect Updating State Correctly
    10:58 useEffect Clean-up Functions Explained
    13:50 Best Ways to Make API Requests with useEffect
  • НаукаНаука

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

  • @sergeylukin8740
    @sergeylukin8740 Год назад +692

    I work professionally with React for more than 5 years and still regularly fall into these traps. Understanding these concepts is essential, and this video explains them perfectly. If RUclips would allow, I would like this video 10 times!

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

      Продолжай работать в том же духе с 0-ми познаниями в JS, это прекрасно

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

      Weird because after 2 months I don't???

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

      Really cool😊

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

      @@vapeurdepisse Congratulations, you can pick up your trophy at the corner of who gives an F parkway and totally pointless flex avenue.

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

      @@artmax1998 О здарова, американский ютуб знает толк

  • @jashgopani32
    @jashgopani32 Год назад +16

    I wish I had found this tutorial earlier. You have explained all the details of one of the most important hooks in a really intuitive manner ! Great work :)

  • @ramiov3862
    @ramiov3862 Год назад +241

    I've realy never seen any one who explains React hooks so well and all it's possible uses as well as what mistakes to avoid,
    This kind of knowledge is really what we are missing as junior developers, And i realy appreciate the effort man Thanks !

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

      Would you say that only juniors watch these types of videos?

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

      All the juniors in my team know by heart the count and setTimeout example because it's a common interview question. But when you ask them to demo global state they gg. One guy just left the interview...

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

      @@kynshra8960 ya that was a catch

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

      @@ionitaa you interview people that are already on your team?

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

      ​@@vapeurdepisse What? At the tech interview, 2 of the codepens we give candidates for junior positions are:
      1. The useState and setTimeout question. Most people get it right.
      2. A quick demo on how to share state acros a component tree. Most people give up or just give bad solutions to this.
      You don't have to get all code pens right to get hired...

  • @johnbaquerocelis8148
    @johnbaquerocelis8148 Год назад +56

    Great explainable video, thank you!
    Only a sneak peek about Axios. Since v0.22.0 we can use the AbortController passing the signal as an option rather than CancelToken as it is deprecated in new versions.

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

    This is by far the most helpful react video I've ever seen, cleared up a ton of questions I had about strict mode and effect hooks

  • @chizidotdev
    @chizidotdev Год назад +8

    Your method of explanations are second to none Lama Dev! Thank you so much…
    Suggestion for next tutorial… useReducer vs useState, I can’t seem to get enough explanations for them

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

    I have never heard a better explanation.
    Very clear, simple, many examples.
    Immediately subscribed to the channel

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

    Thanks for the refresher. You do a great job explaining concepts.

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

    You're really the best. A good teacher indeed. Your videos are clearly explained and hands on practice. Thanks a bunch for all you do. Bless you!!!

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

    It was a perfect description of the React hooks I have ever seen. Thank you so much!

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

    Köszönöm szépen, a megfelelő tudást kaptam, pont annyira kifejtve, amennyire szükséges és tisztázódott a fejemben sok misztikum.

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

    This has answered many questions I had about this particular hook. Thanks so much for the great content!

  • @leo-phiponacci
    @leo-phiponacci Год назад

    Very useful, I was searching for these frequently, and you have grouped it together in one video, thanks a lot!

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

    For the first time I understood useEffect clean up. As always lama dev simplified everything. Thank you so much

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

    Omg. You are the best man. Cleanest explanation ever. We need every hook tutorial from you.

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

    Man you're so good at explaining these concepts, thanks! You're videos are always great!

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

    Sir , you are great !!!!!!!
    Please continue this series 🙏❣️

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

    Top-notch presentation, with a clear explanation of the pitfalls when working with useEffect

  • @dr.science9609
    @dr.science9609 Год назад +9

    Another much needed video ❤️
    Fetch API vs separate folder for API calls( as we used in our Netflix project)

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

    Beautifully explained. This will be my go-to channel now.

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

    Após 1 ano de estudo só agora entendi com o não ter problemas com useEffect. O clean-up ajudou de mais
    Vlw @Lama Dev

  • @user-du9mu9ni5k
    @user-du9mu9ni5k 9 месяцев назад +1

    Been working with react for a while now and you just demystified a lot

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

    you are so amazing....I just never seen an explanation so clean and easy to follow...thank you and keep up the good work

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

    Beautiful! Thank you! Especially thanks for showing me how to write the clean up function. As well as the api clean up.

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

    Such a good explanation and example. I've never seen someone explain react hook that easily and it's use cases

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

    It's an amazing tutorial and I can find answers lots of questions the interviewer asked me regarding useEffect during interview

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

    Great Video 💯
    This is my first time commenting on a RUclips video because this video really deserves it 😊
    Definitely going to watch other react videos.

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

    Oh wow. This is by far the best guide on useEffect. I have been working with react for well over a year now still gotcha when it comes to useEffect. This enhanced my understanding. Thank you.
    Maybe another guide on other React hooks?

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

    This is so informative, as a beginner I do respect what you done in this instruction!!🎉

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

    You explained really well, thanks for this refresher!

  • @SankalpSachan-ky5ic
    @SankalpSachan-ky5ic Год назад

    This video is just a precious 22mins in my career growth, these kind of detailed information just increases my confidence and thankyou for you to for creating such a great content 🔥

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

    loved this explanation man.. loads of love for your efforts

  • @Rick-pz1ju
    @Rick-pz1ju Год назад

    Congrats from Brazil!
    Best explanation about react performing !

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

    Amazing video i rarely comment on videos but it was an amazing video. thank you for this effort
    I hope you can also explain the following topics also
    1) Using a callback in the useeffect
    2) The problem faced in forms when the state is one render behind the text entered in the input field.

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

    your explanation on "subscribing to api" was very good, earlier i seen it in react docs and had no understanding what it meant, thanks

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

    Such an amazing tutorial! thanks a lot!

  • @user-rv3ci7qs2k
    @user-rv3ci7qs2k 11 месяцев назад +1

    I think this is the most effective explanation I've ever experienced!

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

    Amazingly easy to comprehend! Good examples and explanation :)

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

    Such a great guide! Thanks 8)

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

    Friday's are for tutorials and Docs, combining these two helps you leverage on your coding skills. I fell in love with these useEffect best practices. Good video lad

  • @abdullahbelkaid1684
    @abdullahbelkaid1684 Год назад +6

    I really love your tutorial mate , keep going and i wish you best of luck ❤️ from Algeria 🇩🇿

  • @yoJuicy
    @yoJuicy Год назад +56

    Very good explanation. useEffect is always intimidating! Keep doing the intermediate level help videos!

    • @Isaac-eh6uu
      @Isaac-eh6uu Год назад

      What do you mean by intermediate isn't useEffect one of the basic react hooks?

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

      @@Isaac-eh6uu yes but to use react in a way that won’t burn a user’s computer you must use convoluted tricks for the hope that you render only 300 times

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

      @@Isaac-eh6uu I wouldnt call useEffect a basic hook. Its the hardest hook for people to understand.

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

      @@Isaac-eh6uu I watched at least 5 tutorials about use effect , still cannot wrap my head around it. So, yes , I would
      call it basic

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

      wanted to say. " I wouldn't"

  • @antonioquintero-felizzola5334
    @antonioquintero-felizzola5334 Год назад

    This one of the best usseEffect explanations I've seen. Thank you Lama Dev 🙏🏻

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

    This was the best tutorial I ever found for useEffect, very thoroughly explained.

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

    thank God I'm lucky enough to explore your channel
    thank you so much for your great explanation and the good examples ❤️

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

    Dude, this is simply, the best video about useEffect that i have already seen in all of my life. Thank you so much!

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

    For sure is the best explanation about UseEffect what I had seen. Congratz

  • @alphaios7763
    @alphaios7763 Год назад +9

    This was incredible! Thank you very much! I've completed a React course on Udemy, coded on my own after that and still learned something in the video! I love how you explained everything so simply,. I switched to Angular for my new personal project, but this makes me want to try making something in React again :)

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

    Sir, You are one of my favorite pedagogue... I always wait for your video

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

    Full video very informative. And useEffect in the api section is very much helpful. I was struggling with that finally that solved by you for me. Thanks man. Subscribed.

  • @sahil-ld1bu
    @sahil-ld1bu Год назад +1

    Every react developer on youtube create a value for us but there is some especially who totally change the way how to actually works in React You're the one of them Thanks and great. honestly, i don't know about your channel but i just on the recommendation of youtube. complete the 2 min i just realise oo my god what a man and his concepts

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

    Thank you! You explained it very well. Learned a lot.

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

    Flawless! This video deserves much more views man.

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

    Wow that was super informative! Thanks for clearing that up :)

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

    The best guide for useEffect I’ve watched so far. Super helpful!

  • @viniciusm.m.7822
    @viniciusm.m.7822 Год назад +2

    Love you, man! Forte abraço do Brasil!!!
    God bless you!

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

    You have done a great job. I appreciate your efforts, and learned a lot.

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

    This is probably the best useEffect explaination i've ever seen !

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

    Explained very well. Learnt one or two things about useEffect and that fetching will help me improve my react skills more. Thanks 😃.

  • @hemashah7031
    @hemashah7031 8 месяцев назад +1

    excellent professional video, v good learning, eye opener, thanks

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

    Wow! this content is so high quality. Definitely worth the time.

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

    Nice tutorial! Thank you very much! As a beginner React dev it clarified a few things for me! Keep it up mate! :)

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

    Subscribed! Very helpful, thankyou!

  • @Kiakayemen
    @Kiakayemen 11 месяцев назад +1

    the most helpful video on useEffect !!! Well Done!!!👍👍👍👍

  • @Harry-jl1fi
    @Harry-jl1fi Год назад

    Man this was extremely helpful content, thanks a ton for this amazingly informative video. Really helpful! :)

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

    very concise explanation once again! Thank you so much. Learning a lot from your videos :D

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

    Thank you Lama Dev, very helpful and enlightening video!

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

    Great Content ❤

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

    This video was so helpful to know how to use useEffect properly for the person who just started learning React like me!! Thanks man

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

    many thanks! you changed my development completely

  • @nav.r
    @nav.r Год назад

    🙏. your video is probably the only one that has a very beautiful explanation of useEffect. Thank you

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

    Thank you for this masterpiece. Please Keep posting such topic that will take a beginner to intermediate

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

    Thanks for the video ! Very Informative

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

    This one is actually a deep dive into understanding useEffect hook. Amazing video

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

    For an experienced Backend Developer with some basic Front End knowledge, this just covered most of what I need to know in React to start out.

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

    I noticed and watched the video today, it was the great present for my birthday)) thanks a lot Lama dev

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

    this is amazing, very detail explaination on how useEffect works!, you deserve more viewer and subscriber

  • @philipmwangi5270
    @philipmwangi5270 Год назад +9

    Hey Lama Dev, Awesome video. Could you do one on useCallback and how they relate with useEffect or just how to minimize alot of rerenders on your application

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

    Great explanation. Thanks :)

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

    This is just amazing, thank you so much!

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

    This is video is a life saver for anyone in productions keep it Lama :)

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

    amazing!!!! keep doing videos like that. Today i used you video for developing and it was useful. Please keep doing it. Good Job.

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

    Thank you. It was very useful🙏🙏

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

    truly really well explained.
    i Never used clean up function in useEffects and was totally unawares About it consequences, from now on will definately use it. even how good advantages it provides in api calling and also in other's thing's, truly well learned from your video, strick mode why we should use, you explained very well.

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

    Amazing man, you explaination give high value... This is the result of great experience and understanding

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

    Thanks for sharing valuable best practices!

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

    I practice from the thumbnail before even watching the video, and it worked, bro you've save me. Thanks buddy much love. God bless you.

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

    this is so far the best react tutorial. Kudos

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

    Thank you for explaining this thoroughly!

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

    Thanks for sharing your knowledge, appreciate it brother✨🖤, thank u so much

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

    Amazing video on useeffect. Thank you!

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

    Thanks a lot, Safak. This was a great help to understand, some of the weird parts of useEffect.

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

    Keep going like this stuff of videos !! Very helpfull Thank you so mush

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

    Very clever, thank you for the explanation

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

    Amazing. I'm a new subscriber to your channel. Thanks for your content man, It really helps me a lot.

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

    this is GOLD!!!!!
    THANK YOU !!!!

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

    Thanks, very informative tutorial!

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

    thank you bro for valueable knowledge

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

    Great video bro. I like your work, you showed how it done in professional way. Thank you. :)

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

    This is some great quality contents. 👍🏻