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.

Simplify React State with Status Enums ⚙️

Master.dev (Formerly Frontend Masters)

133,165 subscribers

23,641 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

6 Comments

Master.dev (Formerly Frontend Masters)1 year ago

Join David Khourshid to master complex state management. Learn to spot anti-patterns, optimize with data normalization and reducers, refactor stores with event-driven design, and handle advanced use cases like URL params and external sync.

Master.dev (Formerly Frontend Masters)1 year ago

Get $100 off a yearly membership with our The Future of Coding Sale 🛸. Ends Sept 18!

Tyler Smith1 year ago

@DavidKPiano Hearing David talk about this 4 or 5 years ago changed how I think about code

Mohammad Azam1 year ago

Nice to see similarities between React and SwiftUI.

.::Marcelo::.1 year ago

a state enum for React State. perfect!

newworldtrending.com1 year ago

transform your api calls in sperate service file with a global storage lib like zustand best way to manage it . don't do api call in any component do it separate always

Related Videos

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

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

George Moller

152,465 views • 1 year ago

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,408 views • 3 years ago

⚛️ React Component Creation with the Factory Pattern: It creates a nice abstraction to simplify component creation, making it easy to read and scale ↓

⚛️ React Component Creation with the Factory Pattern: It creates a nice abstraction to simplify component creation, making it easy to read and scale ↓

George Moller

133,151 views • 3 years ago

bro is not happy with the state of React

bro is not happy with the state of React

nader dabit

416,165 views • 2 years ago

▪️No Complaints ▪️No Comparison ▪️No Excuses -Mississippi State Football #HailState ⚙️ ⚙️ ⚙️ 🪵🪓

▪️No Complaints ▪️No Comparison ▪️No Excuses -Mississippi State Football #HailState ⚙️ ⚙️ ⚙️ 🪵🪓

𝐊𝐞𝐯𝐢𝐞 𝐓𝐡𝐨𝐦𝐩𝐬𝐨𝐧, 𝐄𝐝.𝐒.

13,396 views • 9 months ago

Chloe React to fousey indirectly talking about her with N3on after he told fousey about his current status

Chloe React to fousey indirectly talking about her with N3on after he told fousey about his current status

Nats

52,531 views • 1 year ago

I made Tinkerble, an open source macOS companion app for live-tinkering properties in your SwiftUI app. Just replace any @State with @TinkerbleState, then adjust strings, numbers, colors, toggles, and enums live.

I made Tinkerble, an open source macOS companion app for live-tinkering properties in your SwiftUI app. Just replace any @State with @TinkerbleState, then adjust strings, numbers, colors, toggles, and enums live.

Edward Sanchez

70,760 views • 4 months ago

Just a couple of lines 😉 Multi-state Lottie in React [ Made with Lottielab implemented in React | Asset from Medusa ]

Just a couple of lines 😉 Multi-state Lottie in React [ Made with Lottielab implemented in React | Asset from Medusa ]

Daryl Patigas

153,187 views • 2 years ago

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,242 views • 6 months ago

KCONLA2026 🇺🇸 STATUS ⚙️2160p #JO1 #川西拓実 #KAWANISHITAKUMI #제이오원 #타쿠미

KCONLA2026 🇺🇸 STATUS ⚙️2160p #JO1 #川西拓実 #KAWANISHITAKUMI #제이오원 #타쿠미

♡3

36,466 views • 2 months ago

"How to share state between React client components with a parent server component?" 👇

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

51,557 views • 1 year ago

Tulsa State Fair status: ruined

Tulsa State Fair status: ruined

The Daily Sneed™

186,226 views • 19 days ago

Edo state government kindly react

Edo state government kindly react

oseni rufai

172,817 views • 1 year ago

Opus 5.5 one-shot of an Inertia.js adapter for Axum (Rust HTTP router). Axum + Inertia + React ⚙️

Opus 5.5 one-shot of an Inertia.js adapter for Axum (Rust HTTP router). Axum + Inertia + React ⚙️

Taylor Otwell

57,591 views • 22 days ago

Introducing Thinking Orbs - ai status indicator components for react. npm i @⁠yogesharc/thinking-orbs

Introducing Thinking Orbs - ai status indicator components for react. npm i @⁠yogesharc/thinking-orbs

Yogesh

22,839 views • 25 days ago

if you’re a react dev but the project uses vue, use vue if it’s an app using inertia, don’t introduce livewire if they use enums for statuses, don’t use strings if the team uses the actions pattern, follow it consistency > personal preferences

if you’re a react dev but the project uses vue, use vue if it’s an app using inertia, don’t introduce livewire if they use enums for statuses, don’t use strings if the team uses the actions pattern, follow it consistency > personal preferences

nunomaduro

38,043 views • 1 year ago

Simplify your takeaway with this easy drill! ⛳️

Simplify your takeaway with this easy drill! ⛳️

Aura Sports

27,562 views • 2 months ago

Arizona State Downhill React & Fill Tackling Drill

Arizona State Downhill React & Fill Tackling Drill

Danny Schaechter 🏝️🏈🐏

111,042 views • 1 year ago