Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

❌ 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

118,111 subscribers

39,326 Aufrufe • vor 2 Jahren •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

9 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 and 70+ video animations just like this one. Check them out ↓

Profilbild von Web-Dev-Codi

Web-Dev-Codivor 2 Jahren

Informative as always. Thank you

Profilbild von George Moller

George Mollervor 2 Jahren

Glad you found it informative!

Profilbild von NidhiSharma | React Dev

NidhiSharma | React Devvor 2 Jahren

Sometime overuse of useEffect cause extra re-render we should avoid useEffect where ever possible. Nice sharing.

Profilbild von joey finkel

joey finkelvor 2 Jahren

But this would only work if the state that’s being updating is supposed to be updated by an event handler. For example, a piece of state you want updated on first render would still have to be the effect, right?

Profilbild von George Moller

George Mollervor 2 Jahren

Do you have an example I can take a look? Unless you are fetching data or connecting to an external system first why would you need to update a state variable in first render?

Profilbild von Bee Network - Vietnam 🇻🇳

Bee Network - Vietnam 🇻🇳vor 2 Jahren

great

Profilbild von George Moller

George Mollervor 2 Jahren

Hey do you have an email or contact where I can send you the PP discount?

Profilbild von George Moller

George Mollervor 2 Jahren

@Setback_King 😊

Ähnliche Videos

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

George Moller

301,135 Aufrufe • vor 3 Jahren

❌ Avoid listening for ref changes with useEffect() in React. ✅ Instead use a ref callback function.

❌ Avoid listening for ref changes with useEffect() in React. ✅ Instead use a ref callback function.

George Moller

101,654 Aufrufe • vor 3 Jahren

❌ Avoid increasing time complexity by having non-normalized state variables in React . ✅ Instead normalize the structure of the state variables to reduce time complexity.

❌ Avoid increasing time complexity by having non-normalized state variables in React . ✅ Instead normalize the structure of the state variables to reduce time complexity.

George Moller

177,611 Aufrufe • vor 3 Jahren

⚛️ Do you know what Automatic Batching means in React (v18)? It means that React groups multiple state updates into a single re-render for better performance. ↓

⚛️ Do you know what Automatic Batching means in React (v18)? It means that React groups multiple state updates into a single re-render for better performance. ↓

George Moller

61,817 Aufrufe • vor 3 Jahren

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

George Moller

137,443 Aufrufe • vor 3 Jahren

❌ Avoid difficult-to-read conditionals in React. ✅ Instead you can use ts-pattern to express complex conditions in a single, compact expression.

❌ Avoid difficult-to-read conditionals in React. ✅ Instead you can use ts-pattern to express complex conditions in a single, compact expression.

George Moller

185,805 Aufrufe • vor 3 Jahren

❌ Avoid prop-drilling components in React ✅ Instead embrace the Provider/Consumer pattern using the Context API

❌ Avoid prop-drilling components in React ✅ Instead embrace the Provider/Consumer pattern using the Context API

George Moller

48,323 Aufrufe • vor 1 Jahr

Creator seungho__yeo ( IG ) built an entire anime-inspired 2D motion sequence - storyboard to final render in one hour. Inside Comfy. seungho__yeo created this entirely in a single workflow pipeline: → Poster art → Storyboard frames → Transitions + animation → Edit + final render What usually takes multiple apps was built in one tool.

Creator seunghoyeo ( IG ) built an entire anime-inspired 2D motion sequence - storyboard to final render in one hour. Inside Comfy. seunghoyeo created this entirely in a single workflow pipeline: → Poster art → Storyboard frames → Transitions + animation → Edit + final render What usually takes multiple apps was built in one tool.

ComfyUI

31,861 Aufrufe • vor 3 Monaten

Creator seungho__yeo ( IG ) built an entire anime-inspired 2D motion sequence - storyboard to final render in one hour. Inside Comfy. seungho__yeo created this entirely in a single workflow pipeline: → Poster art → Storyboard frames → Transitions + animation → Edit + final render What usually takes multiple apps was built in one tool.

Creator seunghoyeo ( IG ) built an entire anime-inspired 2D motion sequence - storyboard to final render in one hour. Inside Comfy. seunghoyeo created this entirely in a single workflow pipeline: → Poster art → Storyboard frames → Transitions + animation → Edit + final render What usually takes multiple apps was built in one tool.

ComfyUI

101,595 Aufrufe • vor 1 Monat

❌ 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

130,080 Aufrufe • vor 3 Jahren

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

UI Toolkit in Unity 6.2 now supports World Space Render Mode so interfaces can live directly in 3D scenes. In this quick tip video, the setup process is demonstrated from start to finish in under 60 seconds, showing how to place UI elements directly in the scene instead of as screen‑space overlays.

UI Toolkit in Unity 6.2 now supports World Space Render Mode so interfaces can live directly in 3D scenes. In this quick tip video, the setup process is demonstrated from start to finish in under 60 seconds, showing how to place UI elements directly in the scene instead of as screen‑space overlays.

Unity for Games

16,779 Aufrufe • vor 5 Monaten

Planner mode in Cursor is SUPER helpful! With this prompt, agent mode will… ✅ Ask 4-6 clarifying questions ✅ Create a plan with multiple phases ✅ Ask for feedback + approval on the plan ✅ Implement each phase of the plan Steal this prompt down below ⬇️

Planner mode in Cursor is SUPER helpful! With this prompt, agent mode will… ✅ Ask 4-6 clarifying questions ✅ Create a plan with multiple phases ✅ Ask for feedback + approval on the plan ✅ Implement each phase of the plan Steal this prompt down below ⬇️

Ted Werbel

79,013 Aufrufe • vor 1 Jahr

Working on #blender3d Cycles with latency makes the scene look like watercolor… Maybe there is a way to stop the render in the middle of this calculation to keep this aspect ? Ah one day, if i have some spare time…

Working on #blender3d Cycles with latency makes the scene look like watercolor… Maybe there is a way to stop the render in the middle of this calculation to keep this aspect ? Ah one day, if i have some spare time…

Dedouze 🧢 Andry

77,608 Aufrufe • vor 3 Jahren

❌ Avoid using objects as dependencies in React.useEffect() ✅ Instead use the primitive keys

❌ Avoid using objects as dependencies in React.useEffect() ✅ Instead use the primitive keys

George Moller

43,042 Aufrufe • vor 1 Jahr

Seun Okinbaloye: What do the people say Wole Oluyede [Ekiti PDP governorship candidate] will do for them? Wole Oluyede: They have to believe in the hope that I have a record of investment in this state. In the history of this state, I'm the only person at this time trusting the state to think that we can invest in this state. I have invested my money, my time, and my energy to say things can be different. #PoliticsToday

Seun Okinbaloye: What do the people say Wole Oluyede [Ekiti PDP governorship candidate] will do for them? Wole Oluyede: They have to believe in the hope that I have a record of investment in this state. In the history of this state, I'm the only person at this time trusting the state to think that we can invest in this state. I have invested my money, my time, and my energy to say things can be different. #PoliticsToday

Channels Television

11,136 Aufrufe • vor 3 Monaten

New Character! ■Egghead Roronoa Zoro Light Element / Runner Deal damage multiple times in a certain period to enter the King of Hell Haki state! In this state, you'll recover HP when enough damage is taken to KO, so you can ignore the enemy & capture the Treasure!

New Character! ■Egghead Roronoa Zoro Light Element / Runner Deal damage multiple times in a certain period to enter the King of Hell Haki state! In this state, you'll recover HP when enough damage is taken to KO, so you can ignore the enemy & capture the Treasure!

ONE PIECE Bounty Rush

118,744 Aufrufe • vor 2 Jahren