All useEffect Mistakes Every Junior React Developer Makes

  Рет қаралды 872,673

Lama Dev

Lama Dev

Күн бұрын

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

Пікірлер: 598
@sergeylukin8740
@sergeylukin8740 Жыл бұрын
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 KZbin would allow, I would like this video 10 times!
@artmax1998
@artmax1998 Жыл бұрын
Продолжай работать в том же духе с 0-ми познаниями в JS, это прекрасно
@vapeurdepisse
@vapeurdepisse Жыл бұрын
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 О здарова, американский ютуб знает толк
@ramiov3862
@ramiov3862 Жыл бұрын
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 Жыл бұрын
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 Жыл бұрын
@@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...
@jashgopani32
@jashgopani32 Жыл бұрын
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 :)
@johnbaquerocelis8148
@johnbaquerocelis8148 Жыл бұрын
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.
@chizidotdev
@chizidotdev Жыл бұрын
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
@mykalesalad
@mykalesalad Жыл бұрын
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
@marctofan824
@marctofan824 Жыл бұрын
I have never heard a better explanation. Very clear, simple, many examples. Immediately subscribed to the channel
@yoJuicy
@yoJuicy Жыл бұрын
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 Жыл бұрын
@@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 Жыл бұрын
@@Isaac-eh6uu I wouldnt call useEffect a basic hook. Its the hardest hook for people to understand.
@naidasdiary5730
@naidasdiary5730 Жыл бұрын
@@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 Жыл бұрын
wanted to say. " I wouldn't"
@amirjafari7996
@amirjafari7996 Жыл бұрын
It was a perfect description of the React hooks I have ever seen. Thank you so much!
@hesoncontroler
@hesoncontroler Жыл бұрын
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!!!
@Corntrop
@Corntrop Жыл бұрын
For the first time I understood useEffect clean up. As always lama dev simplified everything. Thank you so much
@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!
@wittyhumour1346
@wittyhumour1346 8 ай бұрын
Top-notch presentation, with a clear explanation of the pitfalls when working with useEffect
@cortaesai
@cortaesai Жыл бұрын
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
@zararashraf
@zararashraf 10 ай бұрын
Beautifully explained. This will be my go-to channel now.
@coder5336
@coder5336 Жыл бұрын
Omg. You are the best man. Cleanest explanation ever. We need every hook tutorial from you.
@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.
@dr.science9609
@dr.science9609 Жыл бұрын
Another much needed video ❤️ Fetch API vs separate folder for API calls( as we used in our Netflix project)
@xacxdcx
@xacxdcx Жыл бұрын
Man you're so good at explaining these concepts, thanks! You're videos are always great!
@vinaypatil8009
@vinaypatil8009 Жыл бұрын
Sir , you are great !!!!!!! Please continue this series 🙏❣️
@nitinravi8400
@nitinravi8400 Жыл бұрын
Beautiful! Thank you! Especially thanks for showing me how to write the clean up function. As well as the api clean up.
@oerbyy
@oerbyy 8 ай бұрын
Such a great guide! Thanks 8)
@user-du9mu9ni5k
@user-du9mu9ni5k 8 ай бұрын
Been working with react for a while now and you just demystified a lot
@nobir98
@nobir98 Жыл бұрын
Such a good explanation and example. I've never seen someone explain react hook that easily and it's use cases
@philipmwangi5270
@philipmwangi5270 Жыл бұрын
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
@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
@farzeenzehra4892
@farzeenzehra4892 Жыл бұрын
Great Video 💯 This is my first time commenting on a KZbin video because this video really deserves it 😊 Definitely going to watch other react videos.
@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
@Mauna25
@Mauna25 Жыл бұрын
Amazingly easy to comprehend! Good examples and explanation :)
@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?
@meaningmean
@meaningmean 9 ай бұрын
You explained really well, thanks for this refresher!
@rishabhunlocked2693
@rishabhunlocked2693 Жыл бұрын
loved this explanation man.. loads of love for your efforts
@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 🔥
@rdalago
@rdalago Жыл бұрын
Thank you! You explained it very well. Learned a lot.
@abdullahbelkaid1684
@abdullahbelkaid1684 Жыл бұрын
I really love your tutorial mate , keep going and i wish you best of luck ❤️ from Algeria 🇩🇿
@voldemore6300
@voldemore6300 Жыл бұрын
This is so informative, as a beginner I do respect what you done in this instruction!!🎉
@antonioquintero-felizzola5334
@antonioquintero-felizzola5334 Жыл бұрын
This one of the best usseEffect explanations I've seen. Thank you Lama Dev 🙏🏻
@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
@zeeshanalikhan8258
@zeeshanalikhan8258 Жыл бұрын
This was the best tutorial I ever found for useEffect, very thoroughly explained.
@user-rv3ci7qs2k
@user-rv3ci7qs2k 10 ай бұрын
I think this is the most effective explanation I've ever experienced!
@asidelnik
@asidelnik 7 ай бұрын
Great explanation. Thanks :)
@juliosalas1010
@juliosalas1010 Жыл бұрын
Flawless! This video deserves much more views man.
@badarmughal2297
@badarmughal2297 Жыл бұрын
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.
@junaifcp3662
@junaifcp3662 Жыл бұрын
It's an amazing tutorial and I can find answers lots of questions the interviewer asked me regarding useEffect during interview
@sahil-ld1bu
@sahil-ld1bu Жыл бұрын
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
@Rick-pz1ju
@Rick-pz1ju Жыл бұрын
Congrats from Brazil! Best explanation about react performing !
@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.
@JulianHarris
@JulianHarris Жыл бұрын
The best guide for useEffect I’ve watched so far. Super helpful!
@timothypark1037
@timothypark1037 Жыл бұрын
very concise explanation once again! Thank you so much. Learning a lot from your videos :D
@aminalizade2068
@aminalizade2068 7 ай бұрын
Thank you. It was very useful🙏🙏
@williamch3n
@williamch3n Жыл бұрын
Thank you Lama Dev, very helpful and enlightening video!
@ryuavincaux
@ryuavincaux Жыл бұрын
Subscribed! Very helpful, thankyou!
@webhook4729
@webhook4729 Жыл бұрын
Sir, You are one of my favorite pedagogue... I always wait for your video
@alphaios7763
@alphaios7763 Жыл бұрын
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 :)
@morgandid
@morgandid 8 ай бұрын
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.
@abhisheksharma1031
@abhisheksharma1031 5 ай бұрын
This one is actually a deep dive into understanding useEffect hook. Amazing video
@crowbr
@crowbr Жыл бұрын
For sure is the best explanation about UseEffect what I had seen. Congratz
@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!
@refeez3700
@refeez3700 Жыл бұрын
Nice tutorial! Thank you very much! As a beginner React dev it clarified a few things for me! Keep it up mate! :)
@guyfrancoisdeclaudenkouka1014
@guyfrancoisdeclaudenkouka1014 Жыл бұрын
This is probably the best useEffect explaination i've ever seen !
@ashutoshpanda4336
@ashutoshpanda4336 Жыл бұрын
I'm so grateful I clicked on the video... Never new about that cancellation of request
@hammadiazaiez9337
@hammadiazaiez9337 Жыл бұрын
thank God I'm lucky enough to explore your channel thank you so much for your great explanation and the good examples ❤️
@hemashah7031
@hemashah7031 8 ай бұрын
excellent professional video, v good learning, eye opener, thanks
@aaron7c
@aaron7c Жыл бұрын
Wow that was super informative! Thanks for clearing that up :)
@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.
@samarpitsantoki
@samarpitsantoki Жыл бұрын
Explained very well. Learnt one or two things about useEffect and that fetching will help me improve my react skills more. Thanks 😃.
@SumanthRockzz
@SumanthRockzz 8 ай бұрын
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
@yasserbouanani2999
@yasserbouanani2999 Жыл бұрын
This is just amazing, thank you so much!
@mihirshinde4268
@mihirshinde4268 Жыл бұрын
Thanks for the video ! Very Informative
@souvikgayen7424
@souvikgayen7424 Жыл бұрын
Thank you for explaining this thoroughly!
@sonvu7896
@sonvu7896 Жыл бұрын
this is amazing, very detail explaination on how useEffect works!, you deserve more viewer and subscriber
@viniciusm.m.7822
@viniciusm.m.7822 Жыл бұрын
Love you, man! Forte abraço do Brasil!!! God bless you!
@garikmelqonyan9130
@garikmelqonyan9130 Жыл бұрын
Thanks a lot, Safak. This was a great help to understand, some of the weird parts of useEffect.
@artogrulturkmen
@artogrulturkmen Жыл бұрын
I noticed and watched the video today, it was the great present for my birthday)) thanks a lot Lama dev
@done1341
@done1341 Жыл бұрын
Thanks for sharing valuable best practices!
@iammdsameer
@iammdsameer Жыл бұрын
Wow! this content is so high quality. Definitely worth the time.
@mamapop
@mamapop Жыл бұрын
Such an amazing tutorial! thanks a lot!
@Harry-jl1fi
@Harry-jl1fi Жыл бұрын
Man this was extremely helpful content, thanks a ton for this amazingly informative video. Really helpful! :)
@harshhandoo1971
@harshhandoo1971 Жыл бұрын
this is so far the best react tutorial. Kudos
@mozahedulislam1987
@mozahedulislam1987 Жыл бұрын
You have done a great job. I appreciate your efforts, and learned a lot.
@alirava9865
@alirava9865 Жыл бұрын
I learnt a lot, thank you very much!
@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.
@shyam5631
@shyam5631 Жыл бұрын
Amazing. I'm a new subscriber to your channel. Thanks for your content man, It really helps me a lot.
@justinjoker8060
@justinjoker8060 Жыл бұрын
many thanks! you changed my development completely
@athoangtien7898
@athoangtien7898 Жыл бұрын
So clear to understand. Many thanks
@morphine496
@morphine496 Жыл бұрын
I can't thank you enough! God knows how many times I fetched data with useEffect in a wrong way.
@SmartWizzard
@SmartWizzard Жыл бұрын
This is video is a life saver for anyone in productions keep it Lama :)
@mdsolayman9558
@mdsolayman9558 Жыл бұрын
Thank you for this masterpiece. Please Keep posting such topic that will take a beginner to intermediate
@RoGu3YT
@RoGu3YT Жыл бұрын
This is really a nice video on useEffect. Liked & subbed, Thanks.
@pallaviph8878
@pallaviph8878 Жыл бұрын
Amazing video on useeffect. Thank you!
@dubaifatimaali
@dubaifatimaali Жыл бұрын
I am junior react developer still learning from Udemy and this was quiet needed. Thanks
@skor3653
@skor3653 Жыл бұрын
Thanks, very informative tutorial!
@arventures6181
@arventures6181 Жыл бұрын
Great video bro. I like your work, you showed how it done in professional way. Thank you. :)
@dreb.7760
@dreb.7760 Жыл бұрын
This is all so very useful, thank you!
@guyefrat2473
@guyefrat2473 Жыл бұрын
Thanks for sharing your knowledge, appreciate it brother✨🖤, thank u so much
@nav.r
@nav.r Жыл бұрын
🙏. your video is probably the only one that has a very beautiful explanation of useEffect. Thank you
@himanshusingh9613
@himanshusingh9613 9 ай бұрын
this is GOLD!!!!! THANK YOU !!!!
6 State Mistakes Every Junior React Developer Makes
15:53
Lama Dev
Рет қаралды 261 М.
Спаси её волосы🙏🏻
00:40
БРУНО
Рет қаралды 1,5 МЛН
You might not need useEffect() ...
21:45
Academind
Рет қаралды 116 М.
Python's 5 Worst Features
19:44
Indently
Рет қаралды 23 М.
Top 6 React Hook Mistakes Beginners Make
21:18
Web Dev Simplified
Рет қаралды 553 М.
Goodbye, useEffect - David Khourshid
29:59
BeJS
Рет қаралды 490 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 436 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 250 М.
Premature Optimization
12:39
CodeAesthetic
Рет қаралды 737 М.
Learn TypeScript Generics In 13 Minutes
12:52
Web Dev Simplified
Рет қаралды 187 М.
5 Pro-Level React Do's & Don'ts
30:06
Traversy Media
Рет қаралды 172 М.
Which Phone Unlock Code Will You Choose? 🤔️
0:12
Game9bit
Рет қаралды 3,2 МЛН
Result of the portable iPhone electrical machine #hacks
1:01
KevKevKiwi
Рет қаралды 3,2 МЛН
Как открыть дверь в Jaecoo J8? Удобно?🤔😊
0:27
Суворкин Сергей
Рет қаралды 671 М.
Subscribe for more!! #procreate #logoanimation #roblox
0:11
Animations by danny
Рет қаралды 3 МЛН
phone charge game #viral #tranding #new #reels
0:18
YODHA GAMING RAAS
Рет қаралды 3,8 МЛН
У Nokia 3310 появился конкурент
0:36
AndroHack
Рет қаралды 1,7 МЛН
План хакера 🤯 #shorts #фильмы
0:59
BruuHub
Рет қаралды 900 М.