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

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

На главную

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

_georgemoller's profile picture

George Moller

117,957 subscribers

207,021 просмотров • 2 лет назад •via X (Twitter)

Наука и технологииОбразованиеЮмор
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 10

Фото профиля George Moller
George Moller2 лет назад

I've been working professionally with React and JavaScript for more than 8 years and I compiled all my knowledge into 100+ infographics and 70+ video tutorials just like this one. Check them out ↓

Фото профиля PATRYK
PATRYK2 лет назад

Don’t follow this advice. It makes your code less readable, it confuses other developers and your IDE. This level of abstraction is not helping anybody. Just use early return.

Фото профиля Vlad Tansky
Vlad Tansky2 лет назад

Nice, but wouldn’t it be easier to read code with if(!condition) throw new Error(“some message”) Instead of creating abstraction?

Фото профиля xavi
xavi2 лет назад

Just use fail fast/ early return and you’ll avoid that level of abstraction.

Фото профиля dcodes 🦀
dcodes 🦀2 лет назад

just use zod

Фото профиля Hamilton Greene 🐷🦔
Hamilton Greene 🐷🦔2 лет назад

I don't like this - you're hiding important control flow inside deeply nested functions. The caller must now know that implicitly your functions use exception control flow and throw on certain conditions (also hidden). Guards (if not x return) are usually better.

Фото профиля Remus
Remus2 лет назад

Dude an "any" wrapper function? That's scares the shit out of me

Фото профиля Proziam
Proziam2 лет назад

I have to know, what are you using for the animations and graphics? Looks clean

Фото профиля Ndeye Fatou Diop 🚢 💻 | DEV | 🇸🇳🇫🇷
Ndeye Fatou Diop 🚢 💻 | DEV | 🇸🇳🇫🇷2 лет назад

💯 This makes it super hard to read the code

Фото профиля Seve
Seve2 лет назад

"early bail" or "early return" is far better terminology

Похожие видео

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

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

George Moller

301,147 просмотров • 3 лет назад

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

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

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

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

George Moller

152,399 просмотров • 1 год назад

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

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

George Moller

51,316 просмотров • 8 месяцев назад

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

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

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

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

George Moller

124,086 просмотров • 3 лет назад

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

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

George Moller

43,042 просмотров • 1 год назад

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
1:00

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

130,080 просмотров • 3 лет назад

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
0:46

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,710 просмотров • 2 лет назад

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

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

George Moller

101,654 просмотров • 3 лет назад

❌ Avoid mixing business logic with your React components. ✅ Instead create abstraction layers that communicate with them.
0:51

❌ Avoid mixing business logic with your React components. ✅ Instead create abstraction layers that communicate with them.

George Moller

214,976 просмотров • 3 лет назад

❌ Avoid Provider wrapping hell in React. ✅ Instead combine all your Providers using composition.
0:23

❌ Avoid Provider wrapping hell in React. ✅ Instead combine all your Providers using composition.

George Moller

256,697 просмотров • 3 лет назад

❌ Avoid Provider wrapping hell in React. ✅ Instead combine all your Providers using composition.
0:21

❌ Avoid Provider wrapping hell in React. ✅ Instead combine all your Providers using composition.

George Moller

120,910 просмотров • 2 лет назад

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

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

George Moller

48,354 просмотров • 2 лет назад

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

We got you covered 🤝 Can Tell us what teams to avoid ❌ Use code “Welcome” for 15% off ✅ 🛒 Order now -
0:53

We got you covered 🤝 Can Tell us what teams to avoid ❌ Use code “Welcome” for 15% off ✅ 🛒 Order now -

Mystery Champions

69,700 просмотров • 2 лет назад

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

❌ 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,625 просмотров • 3 лет назад

🚨UPAMECANO TOTY FLASHBACK REVIEW🚨 ✅Use Tah instead🇩🇪 Final verdict: CLEAR SKIP❌
0:39

🚨UPAMECANO TOTY FLASHBACK REVIEW🚨 ✅Use Tah instead🇩🇪 Final verdict: CLEAR SKIP❌

FUT Coin Shop

29,239 просмотров • 8 месяцев назад

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

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

George Moller

81,577 просмотров • 3 лет назад

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

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

George Moller

17,264 просмотров • 9 месяцев назад