Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

⚛️ Future React tip ↓ ❌ Omitting useEffect dependencies usually leads to hard-to-find bugs. ✅ Having said that, there are use cases when you need to run an effect only when reactive parts of the useEffect changes ↓ Extract non-reactive parts with useEffectEvent()

George Moller

119,359 subscribers

78,174 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

George Moller2 years ago

I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics just like this one. Check them out ↓

George Moller2 years ago

I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics just like this one. Check them out ↓

Oleg | Front-End Architecture2 years ago

The amazing part about it, there is not single word about it in release notes. When did this land ? 🤔

George Moller2 years ago

It's not part of a stable React release yet, but you can find more info here I find this to be one missing piece for the useEffect hook, hope they release it soon!

Shripal Soni2 years ago

I didn't know about `useEffectEvent` hook before. Nice tip, George 👍

George Moller2 years ago

Glad you found it useful Shripal!

Vitalii, decaf developer2 years ago

Can you just remove from effect dependencies?

Csaba Kissi2 years ago

Great explanation George.

George Moller2 years ago

Thanks Csaba!

Guilherme de Lucas2 years ago

Is useEffectEvent already on React? The react documentation says "This section describes an experimental API that has not yet been released in a stable version of React."

Related Videos

❌ Don't disable ESLint warnings in useEffect ✅ Instead use useEffectEvent from React 19.2

❌ Don't disable ESLint warnings in useEffect ✅ Instead use useEffectEvent from React 19.2

George Moller

57,402 views • 4 months ago

⚛️ Use callback ref functions instead of useEffect (when possible) ↓

⚛️ Use callback ref functions instead of useEffect (when possible) ↓

George Moller

93,875 views • 1 year ago

⚛️ If you are using fetch() in a useEffect, you probably want to watch this short video ↓

⚛️ If you are using fetch() in a useEffect, you probably want to watch this short video ↓

George Moller

88,624 views • 1 year ago

Tamra Judge says she wasn’t mean to Shannon during the season instead she was “reactive.” Tamra says we don't see the things that are said/done to make her react the way she does… She says it's unfair to an extent that Bravo removes parts of arguments. #RHOC

Tamra Judge says she wasn’t mean to Shannon during the season instead she was “reactive.” Tamra says we don't see the things that are said/done to make her react the way she does… She says it's unfair to an extent that Bravo removes parts of arguments. #RHOC

Bye Wig Hello Drama

73,819 views • 1 year ago

⚛️ React optimization tip: break your context into chunks so only the updated parts re-render ↓

⚛️ React optimization tip: break your context into chunks so only the updated parts re-render ↓

George Moller

42,898 views • 1 year ago

A great interview with the CEO of Reactive Networks about the future of the $REACT token and ecosystem at Reactive Network

A great interview with the CEO of Reactive Networks about the future of the $REACT token and ecosystem at Reactive Network

The Economic Ninja

21,719 views • 7 months ago

This dress is UV reactive and changes color when explosed to sun's rays. [📹 brookemiccio]

This dress is UV reactive and changes color when explosed to sun's rays. [📹 brookemiccio]

Massimo

143,480 views • 1 year ago

There is no need to import candidates to Joburg when they only fixed parts of Cape Town for some. Kudos to this gent for composing.

There is no need to import candidates to Joburg when they only fixed parts of Cape Town for some. Kudos to this gent for composing.

Michael Beaumont

18,848 views • 5 months ago

The WrestleMania main event has changed a number of times: "I've said this, people get really mad but this is very reactive, changing booking. When you have very reactive, changing booking and you're listening to too many people... your stuff isn't going to make sense in the long run." - Dave Meltzer

The WrestleMania main event has changed a number of times: "I've said this, people get really mad but this is very reactive, changing booking. When you have very reactive, changing booking and you're listening to too many people... your stuff isn't going to make sense in the long run." - Dave Meltzer

Wrestling Observer

26,750 views • 2 months ago

the problem with React's useEffect

the problem with React's useEffect

Aiden Bai

47,416 views • 4 days ago

⚛️ How to use TypeScript type predicates in React to create a more robust, type-safe, and maintainable component. (this pattern is particularly useful when dealing with discriminated unions or when you need to narrow types based on runtime checks)

⚛️ How to use TypeScript type predicates in React to create a more robust, type-safe, and maintainable component. (this pattern is particularly useful when dealing with discriminated unions or when you need to narrow types based on runtime checks)

George Moller

29,508 views • 1 year ago

The Trail Blazer Operator Skin is REACTIVE! Unlike standard reactive skins, this one has an animated effect each time you get a kill!

The Trail Blazer Operator Skin is REACTIVE! Unlike standard reactive skins, this one has an animated effect each time you get a kill!

Elvis COD🎮

137,170 views • 1 year ago

The Map That Leads to You (2025) follows a young woman whose carefully planned future changes when she meets a mysterious stranger during an European summer adventure...

The Map That Leads to You (2025) follows a young woman whose carefully planned future changes when she meets a mysterious stranger during an European summer adventure...

Buddy Jnr💚🩺💉

16,607 views • 1 month ago

Fighting games have an intimacy to them that other genres don't. But when your partners are a rotating roster of faceless nobodies in the FT2 online ranked grind, it's hard to feel the good parts of that intimacy. It's hard to feel anything other than anger.

Fighting games have an intimacy to them that other genres don't. But when your partners are a rotating roster of faceless nobodies in the FT2 online ranked grind, it's hard to feel the good parts of that intimacy. It's hard to feel anything other than anger.

6 weetbix

21,311 views • 2 months ago

UV reactive clothing that changes colours in the sun

UV reactive clothing that changes colours in the sun

Science girl

1,104,011 views • 11 months ago

1/ “When you have persistent pathogens & chronic inflammation associated with that, you have a lot of reactive oxygen species. The mitochondria are trying to create energy in a hostile environment…the more that you do, the harder it is to [function].” -Dr. Putrino of CoRE at Mount Sinai

1/ “When you have persistent pathogens & chronic inflammation associated with that, you have a lot of reactive oxygen species. The mitochondria are trying to create energy in a hostile environment…the more that you do, the harder it is to [function].” -Dr. Putrino of CoRE at Mount Sinai

PolyBio

54,251 views • 1 year ago

“learn to love yourself? what does that mean? how are we supposed to find something good about ourselves? we can only see the parts we hate… i think it’s only when someone says they love you, that you’re able to start loving yourself” one of my favorite fruits basket quotes…

“learn to love yourself? what does that mean? how are we supposed to find something good about ourselves? we can only see the parts we hate… i think it’s only when someone says they love you, that you’re able to start loving yourself” one of my favorite fruits basket quotes…

avary 🤍

17,905 views • 11 months ago

Avoid spamming APIs with useEffect

Avoid spamming APIs with useEffect

Frontend Masters 💻✨

53,845 views • 4 months ago

❌ Avoid deriving state in useEffect in React, this can create multiple unnecessary render phases. ✅ Instead derive the state directly in the event handler, this way you'll have one single render phase. ↓

❌ Avoid deriving state in useEffect in React, this can create multiple unnecessary render phases. ✅ Instead derive the state directly in the event handler, this way you'll have one single render phase. ↓

George Moller

33,474 views • 1 year ago

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,627 views • 1 year ago