Learn useEffect In 13 Minutes

Much better explanation than my Udemy course... Thanks!

import { useState} from "react";
function App() {
const [windowWidth, setwindowWidth] = useState(Window.innerWidth)
window.addEventListener('resize', () => {
setwindowWidth(window.innerWidth);
})
return <h1>{windowWidth}</h1>
}
export default App;
we can directly implement without useEffect hook

perfect explanation

Really great explanation! Thank you!

I’ve now watched a couple of your videos for different react hooks and they’re great. Really clear and to the point. Thank you Kyle

nice explanation

You look like Jordi El Nino!!!! But anyways thank you for your content.

Why is the render printing twice?

Sorry, what were you saying...I got lost in your eyes!

Very nice, brother... Thank you!

Once again knocking it out of the ballpark

Wow thank you, bro, now I have a clear idea on useEffect

Bro does look like someone named Kyle. Love your content

Isn't it better to put windowwidth in the dependency list ?

useEffect(() => {
window.addEventListener("resize", updateWindowWidth);
}, [windowWidth]);

Thank you so much you really did explained the 'clean up' and how it works exactly, and that is always useEffect run the returns first so if you have any event listener already should gets deleted so you don't ends up with another event listener, if your useEffect gonna create an event listener to listen for something.

God bless you man

❤

can anybody please tell me why does rendered gets printed twice

This is the most understandable explanation I’ve ever seen

was struggling all day with this thing, now its like crystal clear lol thank youuuu

Finally I understood the concept...wow what a way of teaching man...! So simple and understandable. Thank you so much

Nice explain❤

Open Translate Please!

that was really great. I feel like I understand ever slightly more

Your too good for react

Thank you so much!!The examples were quite easy to understand.I got it so well.I wish you the best!

nonsense explanation

why render print 2 times in console ?

really good explanation man..u helped a lot thank u so much..

The fact that the clean-up code runs before the event listener is a key point that's rarely communicated in docs, tutorials, etc. Very well done!

I understand more in the last 30 minutes than I did 8 hours of lectures and workshops ago. Thank you so much!

My, oh, my. What a helpful video for a 42-year old guy in a bootcamp.

Simple and Clear

The best explanation, great job man

I need subtitles for this video!! 😢

Thank you man !!

dude this is not simplified xdd

helpful vid, thanks!

3 different YT videos taught me how to use the useEffect hook but I only learnt it when I saw your video.

Nice video thanks.

one of the best explanations ever...loved it