Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

⚛️ 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()

_georgemoller's profile picture

George Moller

119,359 subscribers

78,174 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von George Moller
George Mollervor 2 Jahren

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 ↓

Profilbild von George Moller
George Mollervor 2 Jahren

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 ↓

Profilbild von Oleg | Front-End Architecture
Oleg | Front-End Architecturevor 2 Jahren

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

Profilbild von George Moller
George Mollervor 2 Jahren

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!

Profilbild von Shripal Soni
Shripal Sonivor 2 Jahren

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

Profilbild von George Moller
George Mollervor 2 Jahren

Glad you found it useful Shripal!

Profilbild von Vitalii, decaf developer
Vitalii, decaf developervor 2 Jahren

Can you just remove from effect dependencies?

Profilbild von Csaba Kissi
Csaba Kissivor 2 Jahren

Great explanation George.

Profilbild von George Moller
George Mollervor 2 Jahren

Thanks Csaba!

Profilbild von Guilherme de Lucas
Guilherme de Lucasvor 2 Jahren

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."

Ähnliche Videos

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

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

George Moller

57,412 Aufrufe • vor 5 Monaten

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

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

George Moller

93,875 Aufrufe • vor 1 Jahr

Tanner Linsley used AI to rebuild React with only the parts he needed. Here's why Redact changes how we think about dependencies. ▶️
1:26

Tanner Linsley used AI to rebuild React with only the parts he needed. Here's why Redact changes how we think about dependencies. ▶️

GitHub

34,650 Aufrufe • vor 11 Tagen

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

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

George Moller

88,624 Aufrufe • vor 1 Jahr

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
2:19

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 Aufrufe • vor 1 Jahr

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

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

George Moller

42,898 Aufrufe • vor 1 Jahr

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

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,782 Aufrufe • vor 7 Monaten

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

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

Massimo

143,480 Aufrufe • vor 1 Jahr

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
2:17

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 Aufrufe • vor 3 Monaten

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.
2:18

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 Aufrufe • vor 6 Monaten

the problem with React's useEffect
1:18

the problem with React's useEffect

Aiden Bai

51,393 Aufrufe • vor 15 Tagen

⚛️ 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)
1:07

⚛️ 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 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 1 Jahr

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...
1:33

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 Aufrufe • vor 1 Monat

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.
2:19

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 Aufrufe • vor 2 Monaten

UV reactive clothing that changes colours in the sun
0:22

UV reactive clothing that changes colours in the sun

Science girl

1,104,166 Aufrufe • vor 1 Jahr

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:56

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 Aufrufe • vor 1 Jahr

❌ 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. ↓
0:29

❌ 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 Aufrufe • vor 1 Jahr

“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…
1:47

“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 Aufrufe • vor 11 Monaten

Avoid spamming APIs with useEffect
0:59

Avoid spamming APIs with useEffect

Frontend Masters 💻✨

53,845 Aufrufe • vor 4 Monaten