Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

⚛️ 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 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

George Moller profil fotoğrafı
George Moller2 yıl önce

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 Moller profil fotoğrafı
George Moller2 yıl önce

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 Architecture profil fotoğrafı
Oleg | Front-End Architecture2 yıl önce

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

George Moller profil fotoğrafı
George Moller2 yıl önce

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 Soni profil fotoğrafı
Shripal Soni2 yıl önce

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

George Moller profil fotoğrafı
George Moller2 yıl önce

Glad you found it useful Shripal!

Vitalii, decaf developer profil fotoğrafı
Vitalii, decaf developer2 yıl önce

Can you just remove from effect dependencies?

Csaba Kissi profil fotoğrafı
Csaba Kissi2 yıl önce

Great explanation George.

George Moller profil fotoğrafı
George Moller2 yıl önce

Thanks Csaba!

Guilherme de Lucas profil fotoğrafı
Guilherme de Lucas2 yıl önce

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

Benzer Videolar

❌ 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 görüntüleme • 5 ay önce

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

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

George Moller

93,875 görüntüleme • 1 yıl önce

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 görüntüleme • 13 gün önce

⚛️ 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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

⚛️ 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 görüntüleme • 1 yıl önce

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,825 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 6 ay önce

the problem with React's useEffect
1:18

the problem with React's useEffect

Aiden Bai

51,393 görüntüleme • 17 gün önce

⚛️ 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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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,262 görüntüleme • 1 yıl önce

“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 görüntüleme • 11 ay önce

Avoid spamming APIs with useEffect
0:59

Avoid spamming APIs with useEffect

Frontend Masters 💻✨

53,845 görüntüleme • 5 ay önce

❌ 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 görüntüleme • 1 yıl önce