Загрузка видео...

Не удалось загрузить видео

На главную

⚛️ 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 просмотров • 2 лет назад •via X (Twitter)

LIVE

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
0:27

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

George Moller

57,412 просмотров • 5 месяцев назад

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

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

George Moller

93,875 просмотров • 1 год назад

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 просмотров • 15 дней назад

⚛️ 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 просмотров • 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
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 просмотров • 1 год назад

⚛️ 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 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 3 месяцев назад

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 просмотров • 6 месяцев назад

the problem with React's useEffect
1:18

the problem with React's useEffect

Aiden Bai

51,393 просмотров • 19 дней назад

⚛️ 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 просмотров • 1 год назад

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 просмотров • 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...
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 просмотров • 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.
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 просмотров • 2 месяцев назад

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 просмотров • 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: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 просмотров • 1 год назад

❌ 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 просмотров • 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…
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 просмотров • 11 месяцев назад

Avoid spamming APIs with useEffect
0:59

Avoid spamming APIs with useEffect

Frontend Masters 💻✨

53,845 просмотров • 5 месяцев назад