正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

⚛️ 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 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 条评论

George Moller 的头像

George Moller2 年前

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 的头像

George Moller2 年前

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 的头像

Oleg | Front-End Architecture2 年前

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

George Moller 的头像

George Moller2 年前

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 的头像

Shripal Soni2 年前

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

George Moller 的头像

George Moller2 年前

Glad you found it useful Shripal!

Vitalii, decaf developer 的头像

Vitalii, decaf developer2 年前

Can you just remove from effect dependencies?

Csaba Kissi 的头像

Csaba Kissi2 年前

Great explanation George.

George Moller 的头像

George Moller2 年前

Thanks Csaba!

Guilherme de Lucas 的头像

Guilherme de Lucas2 年前

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

相关视频

❌ 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,427 次观看 • 5 个月前

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

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

George Moller

94,076 次观看 • 1 年前

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

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 次观看 • 20 天前

⚛️ 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 次观看 • 1 年前

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 次观看 • 1 年前

⚛️ 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 次观看 • 1 年前

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,843 次观看 • 8 个月前

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 次观看 • 1 年前

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 次观看 • 6 个月前

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,801 次观看 • 3 个月前

the problem with React's useEffect

the problem with React's useEffect

Aiden Bai

51,871 次观看 • 24 天前

⚛️ 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,524 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 个月前

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 次观看 • 2 个月前

UV reactive clothing that changes colours in the sun

UV reactive clothing that changes colours in the sun

Science girl

1,104,166 次观看 • 1 年前

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,262 次观看 • 1 年前

“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 次观看 • 11 个月前

❌ 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 次观看 • 1 年前

Avoid spamming APIs with useEffect

Avoid spamming APIs with useEffect

Frontend Masters 💻✨

53,845 次观看 • 5 个月前