Best video I have watched on the useEffect hook.. i knew about triggering it in mounting and updating, but had no idea you could trigger it on unmount! Thank you!
Pedro, I have never fully understood the useEffect and your explanation of WHY things happen helped Me a ton. I’m about to watch a ton of your videos. Thank you!!!
Hi, Pedro, I just want to thank you for this simple and very useful tutorial. Here is little update - we can change text inside the button, depending on hiding or showing text field: const [btnText, setBtnText] = useState('Show Text'); {btnText}
This is the best video of useEffect I've watched. Nice one!👏 I'd love something like this for useReducer, it still sounds like Greek to me. Besides, you wanted to link a video about another TH-camr. Can't find it in the description.
Pedrooo! Muito obrigado por esse curso maravilhoso, super objetivo, conciso, direto ao ponto e entrega o que promete! Manoooo, seu inglês é fodaaaaaa rs! Podia também contar mais como que você aprendeu e chegou nesse nível! Obrigado novamente!
I finally understand this useEffect thanks to to this well-explained and well-prepared course. Doing Angular for 9 years(including AngularJS) and also some side projects using React in the past using class based component, i found this useEffect very confusing. The name "useEffect" doesnt make sense when you read it. Unlike in class based where you have componentDidUpdate, componentDidMount, etc, (ngOnChanges and ngOninit for Angular) where you already know what it does at first glance. It seems like the react team cramped all these functionalities into a single hook and cannot think of a better name then settled to just "useEffect" haha. I dont even get why the react team is moving away from classes and embracing the function approach, but going through this course, I am finding this new way of developing React apps interesting as it make things simple. Right now I am getting hooked to learn about this "hooks" concept
Thank you for your tutorial Pedro! YOu helped me a lot with useEffect to understand it properly, especially, you helped me understand and solve memory leak in my project
Great video! I have 2 questions: 1. If you wanted something to run once on mount and something else to run every update, how would you do that? 2. If you keep using strict and you call an API when mounting like you mentioned, does that mean the API would be called twice? this could make the webpage much slower yes? Appreciate what you do!
Parabens Pedro .. cai de paraquedas aqui no seu canal e comecei a ver seus videos sobre React, que é uma linguagem que estou estudando a alguns meses já! Estou querendo trabalhar com front--end aqui no Canada tambem. Hoje moro em Calgary, porem morava em Vancouver até mes passado. Estou curtindo muito sua didatica e seu Ingles .. parabens mano.. continue postando e dedicando no seu canal que tu vai longe. Abracos.
Thank you I digest it so easily, though I'm a Filipino viewer, I'd rather watch your tutorials than any of our local youtubers who teach in our own language.
19:23 I noticed useEffect doesn't run when first rendering it only run when component mounted! with me it runs when first rendering also! Why is this? can anyone answer me please
But then it defeat the purpose of executing code ONCE when the component appears or starts existing. Need more logic now to obtain the same result as when you have commented the strict option. Im saying ... I want to do only one console log and be good react student and let my strict mode enabled ... Patchy !!!!!!! Anyways, FANTASTIC video Pedro, you are helping on lower my hate to react one vid at a time LOL !!!! Great Teacher There !!!!! Obrigado
![ReactJS Course [7] - How To Fetch Data From an API in React](http://i.ytimg.com/vi/je3FTTunyp4/mqdefault.jpg)
![ReactJS Course [7] - How To Fetch Data From an API in React](/img/tr.png)
![ReactJS Course [8] - React Router Dom | Routes in React](http://i.ytimg.com/vi/ehvS1Hp90KU/mqdefault.jpg)
Best video I have watched on the useEffect hook.. i knew about triggering it in mounting and updating, but had no idea you could trigger it on unmount! Thank you!
Pedro, I have never fully understood the useEffect and your explanation of WHY things happen helped
Me a ton. I’m about to watch a ton of your videos. Thank you!!!
Happy to help!
It is the best video which taught me about useEffect.
Hi, Pedro, I just want to thank you for this simple and very useful tutorial. Here is little update - we can change text inside the button, depending on hiding or showing text field:
const [btnText, setBtnText] = useState('Show Text');
{btnText}
Thanks! Pedro.
Best ever explanation available on TH-cam. Thank you Pedro.
Cool...
you are putting lot more time and effort as you can do as possible for every video. good job pedro
This is the best video of useEffect I've watched. Nice one!👏 I'd love something like this for useReducer, it still sounds like Greek to me.
Besides, you wanted to link a video about another TH-camr. Can't find it in the description.
Looking forward to seeing more examples of useEffect on the next vid!
Finally!!!... The long awaited video arrived...
Thank you so much Pedro for everything. There is no doubt that you are the best trainer. ❤❤
Thanks man!
fully got a good grasp of useEffect better with this video
Best react JS Tutorial!
Pedrooo! Muito obrigado por esse curso maravilhoso, super objetivo, conciso, direto ao ponto e entrega o que promete! Manoooo, seu inglês é fodaaaaaa rs! Podia também contar mais como que você aprendeu e chegou nesse nível! Obrigado novamente!
Thank you! I finnaly got a gem across React tutorials ❤
By the way your the first to explain how this works, helps a lot, keep it up man!
I finally understand this useEffect thanks to to this well-explained and well-prepared course.
Doing Angular for 9 years(including AngularJS) and also some side projects using React in the past using class based component, i found this useEffect very confusing.
The name "useEffect" doesnt make sense when you read it. Unlike in class based where you have componentDidUpdate, componentDidMount, etc, (ngOnChanges and ngOninit for Angular) where you already know what it does at first glance.
It seems like the react team cramped all these functionalities into a single hook and cannot think of a better name then settled to just "useEffect" haha.
I dont even get why the react team is moving away from classes and embracing the function approach, but going through this course, I am finding this new way of developing React apps interesting as it make things simple.
Right now I am getting hooked to learn about this "hooks" concept
out of all react course, i prefer urs, im watching all vedios second timee, and lookin forward for new ones, thank you so much !!!
Glad you like them!
helping you to break TH-cam algorithm
You were successful i guess?
nice bro thank u so much and keep it up bro well done
Underrated react course 👀
Hello, Pedro! Thanx a lot for your great job!!
Thank you for your tutorial Pedro! YOu helped me a lot with useEffect to understand it properly, especially, you helped me understand and solve memory leak in my project
Got recommended this channel from a discord server. First time very glad for using discord 👀🔥
I like your teaching style.
Great tutorial 👏
Really love your content Pedro. Thanks a lot! your the react youtube Master.
Nice video on useEffect. I will wait for next video just to get more clearity on "UNMOUNT".
i can't see my componenet mounted in my console.log . even tho im clicking on the button ??? can anyone help me out
The thing is I click the like button before I start watching the vidoe.. LOL
hell yes! great job!
Yo. Webdev simplified can't explain this simple fr 🙏.
Great video! I have 2 questions:
1. If you wanted something to run once on mount and something else to run every update, how would you do that?
2. If you keep using strict and you call an API when mounting like you mentioned, does that mean the API would be called twice? this could make the webpage much slower yes?
Appreciate what you do!
amazing class man💖💖💖💖
This video really helps me alot !! Thanks a bunch
I just watched you use State video and seen you uploaded. Thanks alot I just started learning react after learning javascript and it really helped me.
east or west pedro's channel is the best
Parabens Pedro .. cai de paraquedas aqui no seu canal e comecei a ver seus videos sobre React, que é uma linguagem que estou estudando a alguns meses já! Estou querendo trabalhar com front--end aqui no Canada tambem. Hoje moro em Calgary, porem morava em Vancouver até mes passado. Estou curtindo muito sua didatica e seu Ingles .. parabens mano.. continue postando e dedicando no seu canal que tu vai longe. Abracos.
Very easy explanation, and it's a great way to deliver the message. Keep going, Pedro's
thanks teacher! i am from peru
2024 BEST COURSE,Thanks being great mentor💖💖🙌🙌
Thanks @pedro ❤ from India
me too from india...so what are you learning now?
Педро, ты лучший)
Easily explained.... ♡♡♡♡
Thank you I digest it so easily, though I'm a Filipino viewer, I'd rather watch your tutorials than any of our local youtubers who teach in our own language.
19:23 I noticed useEffect doesn't run when first rendering it only run when component mounted! with me it runs when first rendering also! Why is this? can anyone answer me please
Thank you bro
Thank you so much for your tutorials! they are extremely helpful and clear
So good tutorial thank you
Appreciate your hard work 💪
Thanks for video 😊👍
In 1 minute you helped me understand useEffect throughout and never forget. I reckon I watched so many tutorials to properly understand its core. Wow.
Hi @PedroTech, You have covered many topics in ReactJS. I would like to ask you if you can create videos on StoryBook for React.
Very helpful video
Amazing!
Liked. 😁
the question is a bit wrong under that video, but I'll ask you anyway. why wasn't prevState mentioned when using useState?
But then it defeat the purpose of executing code ONCE when the component appears or starts existing. Need more logic now to obtain the same result as when you have commented the strict option. Im saying ... I want to do only one console log and be good react student and let my strict mode enabled ... Patchy !!!!!!! Anyways, FANTASTIC video Pedro, you are helping on lower my hate to react one vid at a time LOL !!!! Great Teacher There !!!!! Obrigado
Perfecto!!
how did you even delete that input
I know it feels a little bit spammy still it's buzzes me 😁
Could you make a tutorial on how to make a MERN blog, with images stored in Cloudinary 🤗🙏?
It was very helpful. Thanks Pedro ❤
king
Thankkk uuuuu
Hey
Are you from iran?
❤️❤️❤️
done
React in plain english 😌
Dont see the logic behind making a video on all hooks...
Stu karen
I made that before this video
this is way too had nothing works
Great Tutor, Bro