Тёмный

All useEffect Mistakes Every Junior React Developer Makes 

Lama Dev
Подписаться 307 тыс.
Просмотров 891 тыс.
50% 1

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

Наука

Опубликовано:

 

22 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 599   
@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 RU-vid 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 О здарова, американский ютуб знает толк
@it-series-music
@it-series-music Год назад
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 Год назад
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...
@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
@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.
@leo-phiponacci
@leo-phiponacci Год назад
Very useful, I was searching for these frequently, and you have grouped it together in one video, thanks a lot!
@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.
@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.
@justnaika
@justnaika Год назад
@@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
@justnaika
@justnaika Год назад
wanted to say. " I wouldn't"
@hesoncontroler
@hesoncontroler Год назад
Thanks for the refresher. You do a great job explaining concepts.
@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
@amirjafari7996
@amirjafari7996 Год назад
It was a perfect description of the React hooks I have ever seen. Thank you so much!
@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!!!
@xacxdcx
@xacxdcx Год назад
Man you're so good at explaining these concepts, thanks! You're videos are always great!
@byronk5
@byronk5 Год назад
This has answered many questions I had about this particular hook. Thanks so much for the great content!
@Corntrop
@Corntrop Год назад
For the first time I understood useEffect clean up. As always lama dev simplified everything. Thank you so much
@Mauna25
@Mauna25 Год назад
Amazingly easy to comprehend! Good examples and explanation :)
@coder5336
@coder5336 Год назад
Omg. You are the best man. Cleanest explanation ever. We need every hook tutorial from you.
@zararashraf
@zararashraf 11 месяцев назад
Beautifully explained. This will be my go-to channel now.
@wittyhumour29
@wittyhumour29 10 месяцев назад
Top-notch presentation, with a clear explanation of the pitfalls when working with useEffect
@nobir98
@nobir98 Год назад
Such a good explanation and example. I've never seen someone explain react hook that easily and it's use cases
@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
@nitinravi8400
@nitinravi8400 Год назад
Beautiful! Thank you! Especially thanks for showing me how to write the clean up function. As well as the api clean up.
@vinaypatil8009
@vinaypatil8009 Год назад
Sir , you are great !!!!!!! Please continue this series 🙏❣️
@user-du9mu9ni5k
@user-du9mu9ni5k 10 месяцев назад
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
@zeeshanalikhan8258
@zeeshanalikhan8258 Год назад
This was the best tutorial I ever found for useEffect, very thoroughly explained.
@rdalago
@rdalago Год назад
Thank you! You explained it very well. Learned a lot.
@ryuavincaux
@ryuavincaux Год назад
Subscribed! Very helpful, thankyou!
@timothypark1037
@timothypark1037 Год назад
very concise explanation once again! Thank you so much. Learning a lot from your videos :D
@meaningmean
@meaningmean 11 месяцев назад
You explained really well, thanks for this refresher!
@farzeenzehra4892
@farzeenzehra4892 Год назад
Great Video 💯 This is my first time commenting on a RU-vid video because this video really deserves it 😊 Definitely going to watch other react videos.
@rishabhunlocked2693
@rishabhunlocked2693 Год назад
loved this explanation man.. loads of love for your efforts
@junaifcp3662
@junaifcp3662 Год назад
It's an amazing tutorial and I can find answers lots of questions the interviewer asked me regarding useEffect during interview
@artogrulturkmen
@artogrulturkmen Год назад
I noticed and watched the video today, it was the great present for my birthday)) thanks a lot Lama dev
@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!
@garikmelqonyan9130
@garikmelqonyan9130 Год назад
Thanks a lot, Safak. This was a great help to understand, some of the weird parts of useEffect.
@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
@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 🔥
@antonioquintero-felizzola5334
This one of the best usseEffect explanations I've seen. Thank you Lama Dev 🙏🏻
@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
@hammadiazaiez9337
@hammadiazaiez9337 Год назад
thank God I'm lucky enough to explore your channel thank you so much for your great explanation and the good examples ❤️
@williamch3n
@williamch3n Год назад
Thank you Lama Dev, very helpful and enlightening video!
@voldemore6300
@voldemore6300 Год назад
This is so informative, as a beginner I do respect what you done in this instruction!!🎉
@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
@mamapop
@mamapop Год назад
Such an amazing tutorial! thanks a lot!
@codefacileWK
@codefacileWK Год назад
Very interesting video ! Thank you so much
@user-rv3ci7qs2k
@user-rv3ci7qs2k Год назад
I think this is the most effective explanation I've ever experienced!
@RoGu3YT
@RoGu3YT Год назад
This is really a nice video on useEffect. Liked & subbed, Thanks.
@mihirshinde4268
@mihirshinde4268 Год назад
Thanks for the video ! Very Informative
@crowbr
@crowbr Год назад
For sure is the best explanation about UseEffect what I had seen. Congratz
@Kiakayemen
@Kiakayemen Год назад
the most helpful video on useEffect !!! Well Done!!!👍👍👍👍
@souvikgayen7424
@souvikgayen7424 Год назад
Thank you for explaining this thoroughly!
@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?
@athoangtien7898
@athoangtien7898 Год назад
So clear to understand. Many thanks
@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!
@guyfrancoisdeclaudenkouka1014
This is probably the best useEffect explaination i've ever seen !
@dr.science9609
@dr.science9609 Год назад
Another much needed video ❤️ Fetch API vs separate folder for API calls( as we used in our Netflix project)
@alirava9865
@alirava9865 Год назад
I learnt a lot, thank you very much!
@Rick-pz1ju
@Rick-pz1ju Год назад
Congrats from Brazil! Best explanation about react performing !
@dreb.7760
@dreb.7760 Год назад
This is all so very useful, thank you!
@refeez3700
@refeez3700 Год назад
Nice tutorial! Thank you very much! As a beginner React dev it clarified a few things for me! Keep it up mate! :)
@abhisheksharma1031
@abhisheksharma1031 7 месяцев назад
This one is actually a deep dive into understanding useEffect hook. Amazing video
@Harry-jl1fi
@Harry-jl1fi Год назад
Man this was extremely helpful content, thanks a ton for this amazingly informative video. Really helpful! :)
@hemashah7031
@hemashah7031 9 месяцев назад
excellent professional video, v good learning, eye opener, thanks
@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
@pallaviph8878
@pallaviph8878 Год назад
Amazing video on useeffect. Thank you!
@samarpitsantoki
@samarpitsantoki Год назад
Explained very well. Learnt one or two things about useEffect and that fetching will help me improve my react skills more. Thanks 😃.
@ahmadmajed4355
@ahmadmajed4355 Год назад
Keep going like this stuff of videos !! Very helpfull Thank you so mush
@cakitomakito3979
@cakitomakito3979 Год назад
amazing video! i really learned so much from this video. THX!
@done1341
@done1341 Год назад
Thanks for sharing valuable best practices!
@webhook4729
@webhook4729 Год назад
Sir, You are one of my favorite pedagogue... I always wait for your video
@yasser.dev7
@yasser.dev7 Год назад
This is just amazing, thank you so much!
@dravidjones8447
@dravidjones8447 Год назад
Thank you so much! It really helped me.
@ravisankarp61
@ravisankarp61 Год назад
Superb video ,thank you
@iammdsameer
@iammdsameer Год назад
Wow! this content is so high quality. Definitely worth the time.
@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.
@sonvu7896
@sonvu7896 Год назад
this is amazing, very detail explaination on how useEffect works!, you deserve more viewer and subscriber
@SmartWizzard
@SmartWizzard Год назад
This is video is a life saver for anyone in productions keep it Lama :)
@skor3653
@skor3653 Год назад
Thanks, very informative tutorial!
@jesleycaceresmarcelino1812
@jesleycaceresmarcelino1812 Год назад
Amazing explanation, really clean and usefull. thank you
@lukas.webdev
@lukas.webdev 9 месяцев назад
I agree! 😉
@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.
@abdullahbelkaid1684
@abdullahbelkaid1684 Год назад
I really love your tutorial mate , keep going and i wish you best of luck ❤️ from Algeria 🇩🇿
@shyam5631
@shyam5631 Год назад
Amazing. I'm a new subscriber to your channel. Thanks for your content man, It really helps me a lot.
@ankit_panchal
@ankit_panchal Год назад
Really Very Very Helpful 👍 Thanks for Sharing 😊
@sergiobeltrangalvis3009
@sergiobeltrangalvis3009 Год назад
Very usefull video, thanks a lot for sharing this!
@mozahedulislam1987
@mozahedulislam1987 Год назад
You have done a great job. I appreciate your efforts, and learned a lot.
@viniciusm.m.7822
@viniciusm.m.7822 Год назад
Love you, man! Forte abraço do Brasil!!! God bless you!
@justinjoker8060
@justinjoker8060 Год назад
many thanks! you changed my development completely
@fndcz197
@fndcz197 23 дня назад
very clear explanation! thx
@suraay
@suraay Год назад
Really helpful, thanks very much!
@feriduncanselen9047
@feriduncanselen9047 Год назад
Great video mate thank you!
@prajjwalrajput908
@prajjwalrajput908 Год назад
Very helpful explanation always be waiting for next tutorial :)
@captainnoyaux
@captainnoyaux 6 месяцев назад
Really well made video, thanks a lot
@markcano5796
@markcano5796 Год назад
Very informative video! You got a sub!
@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
@arventures6181
@arventures6181 Год назад
Great video bro. I like your work, you showed how it done in professional way. Thank you. :)
@nav.r
@nav.r Год назад
🙏. your video is probably the only one that has a very beautiful explanation of useEffect. Thank you
@guyefrat2473
@guyefrat2473 Год назад
Thanks for sharing your knowledge, appreciate it brother✨🖤, thank u so much
Далее
6 State Mistakes Every Junior React Developer Makes
15:53
You might not need useEffect() ...
21:45
Просмотров 151 тыс.
MEGA BOXES ARE BACK!!!
08:53
Просмотров 18 млн
I CAN’T BELIEVE I LOST 😱
00:46
Просмотров 20 млн
Every React Concept Explained in 12 Minutes
11:53
Просмотров 409 тыс.
Learn React useReducer Hook with Examples
14:19
Просмотров 168 тыс.
Goodbye, useEffect - David Khourshid
29:59
Просмотров 494 тыс.
Why Signals Are Better Than React Hooks
16:30
Просмотров 455 тыс.
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 434 тыс.
Mastering React's useEffect
25:20
Просмотров 171 тыс.
The Most Important Skill You Never Learned
34:56
Просмотров 157 тыс.
ТОП-5 культовых телефонов‼️
1:00
ВИPУC НА МАКБУК
0:21
Просмотров 34 тыс.
Купил iPhone 15. Первые эмоции!
0:58