Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

❌ Adding state to useCallback dependencies. ✅ Instead, use functional setState. Stable callbacks, no stale closures, no unnecessary re-renders. Here's the pattern ↓

George Moller

118,722 subscribers

17,254 views • 5 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

❌ 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 views • 1 year ago

❌ 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 views • 2 years ago

❌ 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 views • 1 year ago

❌ Avoid multiple state variables to track status. ✅ Instead use enums.

❌ Avoid multiple state variables to track status. ✅ Instead use enums.

George Moller

152,381 views • 1 year ago

❌ Avoid using useState for more complex state management ✅ Instead use useReducer ↓

❌ Avoid using useState for more complex state management ✅ Instead use useReducer ↓

George Moller

124,086 views • 2 years ago

❌ 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,802 views • 2 years ago

❌ 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,439 views • 2 years ago

ELECTRIC VEHICLE ⚡ ❌No engine. ❌ No emissions. Still “polluting” according to them. Even after explaining it’s an EV, they refused to listen instead started adding MORE fines (tinted glass, etc.) just to justify it. Here is the detail video you can watch and repost ✅

ELECTRIC VEHICLE ⚡ ❌No engine. ❌ No emissions. Still “polluting” according to them. Even after explaining it’s an EV, they refused to listen instead started adding MORE fines (tinted glass, etc.) just to justify it. Here is the detail video you can watch and repost ✅

Pushpendra Singh

82,180 views • 3 months ago

❌ 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 views • 1 year ago

❌ Avoid prop-drilling your components to extend them ✅ Instead use composition

❌ Avoid prop-drilling your components to extend them ✅ Instead use composition

George Moller

51,241 views • 5 months ago

❌ Avoid deeply nested validations that are hard to read. ✅ Instead use invariants.

❌ Avoid deeply nested validations that are hard to read. ✅ Instead use invariants.

George Moller

206,884 views • 1 year ago

💥Update on Stable Pre-Deposit Campaign ✅U can withdraw your funds if u deposited 👇Steps 🔗 ✅Connect wallet ✅Claim $USDT0 🔗 ✅Use stargate to bridge to other L2s ⏰42min ❌no slippages 🔗 ✅U can use jumper for faster bridge but miner slippages 💙Like 🔁RT

💥Update on Stable Pre-Deposit Campaign ✅U can withdraw your funds if u deposited 👇Steps 🔗 ✅Connect wallet ✅Claim $USDT0 🔗 ✅Use stargate to bridge to other L2s ⏰42min ❌no slippages 🔗 ✅U can use jumper for faster bridge but miner slippages 💙Like 🔁RT

CryptoTelugu

28,045 views • 6 months ago

❌ 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,601 views • 2 years ago

✅ smart people ✅ creativity ❌ ego ❌ stale coffee That's what a day-in-the-life looks like at Stellar House.

✅ smart people ✅ creativity ❌ ego ❌ stale coffee That's what a day-in-the-life looks like at Stellar House.

Stellar

22,312 views • 1 year ago

❌ 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,111 views • 2 years ago

❌ You 𝗺𝗶𝗴𝗵𝘁 not need a react form library ✅ Instead you can use the FormData API's

❌ You 𝗺𝗶𝗴𝗵𝘁 not need a react form library ✅ Instead you can use the FormData API's

George Moller

81,577 views • 2 years ago

No pattern wey Wizkid never use sing🐐

No pattern wey Wizkid never use sing🐐

SEUÑ

57,059 views • 1 year ago

No guns ❌ No drugs ❌ No violence ❌ No naked women ❌ Just pure art ✅

No guns ❌ No drugs ❌ No violence ❌ No naked women ❌ Just pure art ✅

☿️

34,213 views • 5 months ago

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.

Delba

157,350 views • 2 years ago

❌ 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 views • 5 months ago