Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

George Moller

118,977 subscribers

124,069 görüntüleme • 2 yıl önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Yorum

George Moller profil fotoğrafı

George Moller2 yıl önce

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 profil fotoğrafı

George Moller2 yıl önce

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 ↓

statuscast profil fotoğrafı

statuscast2 yıl önce

Help your IT team cut through 'Are you down?' clutter with StatusCast’s Audience Specific Status Pages. Tailor your status page to each user's role and needs for effective incident communication.

Rahi Jamil profil fotoğrafı

Rahi Jamil2 yıl önce

Totally agree! useReducer simplifies state transitions and makes code more maintainable. 🎯 #ReactJS #useState #useReducer

Bart ⚡ profil fotoğrafı

Bart ⚡2 yıl önce

Honestly, I always think that when your state is too complex for useState then you did something wrong.

Chris Staudinger profil fotoğrafı

Chris Staudinger2 yıl önce

I'm loving this new visual style George! 🤩 And on point React tips as always! 😀

George Moller profil fotoğrafı

George Moller2 yıl önce

Always happy that you like the content Chris! Big fan of your content too 💪

Mithlesh profil fotoğrafı

Mithlesh2 yıl önce

That was life saver. Thanks 😊

George Moller profil fotoğrafı

George Moller2 yıl önce

Glad you found value in this tweet Mithlesh!

Pavel Romanov profil fotoğrafı

Pavel Romanov2 yıl önce

It is exactly what I noticed today on a code review😄 Besides the mentioned benefits, we have cleaner components in general since all state-related logic moved out of the component

George Moller profil fotoğrafı

George Moller2 yıl önce

Yes, useReducer has a better api than useState. Having said that, I still find use cases for useState.

Benzer Videolar

A cure for React useState hell? You may not realize how easily you can replace useState with useReducer and simplify your state management You can read more in my latest blog post:

A cure for React useState hell? You may not realize how easily you can replace useState with useReducer and simplify your state management You can read more in my latest blog post:

Steve (Builder.io)

609,254 görüntüleme • 3 yıl önce

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

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

George Moller

152,253 görüntüleme • 1 yıl önce

❌ 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,781 görüntüleme • 2 yıl önce

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

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

George Moller

50,727 görüntüleme • 4 ay önce

❌ 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,841 görüntüleme • 1 yıl önce

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

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

George Moller

120,830 görüntüleme • 2 yıl önce

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

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

George Moller

256,599 görüntüleme • 2 yıl önce

❌ 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,311 görüntüleme • 1 yıl önce

🚨 Avoid monolithic components that combine rendering, state management, and configuration (e.g., IDs, refs) into one unit, is harder to maintain, test, and reuse. ✅ Instead split functionality into composable components and use context to share configuration and state.

🚨 Avoid monolithic components that combine rendering, state management, and configuration (e.g., IDs, refs) into one unit, is harder to maintain, test, and reuse. ✅ Instead split functionality into composable components and use context to share configuration and state.

George Moller

21,380 görüntüleme • 1 yıl önce

❌ 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,627 görüntüleme • 1 yıl önce

❌ 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,061 görüntüleme • 2 yıl önce

❌ 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 görüntüleme • 2 yıl önce

❌ 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,429 görüntüleme • 2 yıl önce

❌ 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 görüntüleme • 1 yıl önce

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

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

George Moller

214,951 görüntüleme • 2 yıl önce

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

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

Mystery Champions

69,700 görüntüleme • 1 yıl önce

🚨 Be aware of scams! 🚨 Do you know the best way to avoid getting scammed while looking for $SKR? ❌ Don't use Google! ✅ Only use the official for trading pools and markets. 👇Watch the video for more tips from Silotech.eth .

🚨 Be aware of scams! 🚨 Do you know the best way to avoid getting scammed while looking for $SKR? ❌ Don't use Google! ✅ Only use the official for trading pools and markets. 👇Watch the video for more tips from Silotech.eth .

Saakuru Protocol 👾

16,907 görüntüleme • 2 yıl önce

❌ 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,237 görüntüleme • 4 ay önce

Get ready for: ✅ Easy management of complex, multi-step tasks ✅ More autonomous AI collaboration ✅ Deeper project understanding ✅ A serious productivity boost 🤖 Try out the new GitHub Copilot coding agent

Get ready for: ✅ Easy management of complex, multi-step tasks ✅ More autonomous AI collaboration ✅ Deeper project understanding ✅ A serious productivity boost 🤖 Try out the new GitHub Copilot coding agent

GitHub

30,588 görüntüleme • 1 yıl önce

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

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

FUT Coin Shop

29,239 görüntüleme • 4 ay önce