skip to content

State Machines

State machines expose hidden complexity and "make impossible states impossible". You can use state machines to visualize app logic and improve communication about how your code works.

David Khourshid

David Khourshid

Thursday, August 25 2022 @ 9:30 AM PDT

Use XState With Netlify Edge Functions

State machines at the edge? Yes please! David Khourshid is back to show us how to deploy and visualize workflows in real-time!

Segun Adebayo

Segun Adebayo

Tuesday, May 10 2022 @ 10:30 AM PDT

Build UI Components With State Machines

The new Zag component library offers UI components powered by finite state machines. Segun Adebayo will teach us how it works!

David Khourshid

David Khourshid

Thursday, February 24 2022 @ 9:30 AM PST

Visually Create State Machines

Visualizing app logic is a game changer. In this episode, David Khourshid will teach us how Stately lets us visually create state machines and statecharts, then use them directly in React.js apps.

David Khourshid

David Khourshid

Tuesday, March 23 2021 @ 10:30 AM PDT

Build Better Apps With State Machines

Using state machines, we can build web apps with low complexity and high confidence. David Khourshid will show us how xstate helps us make sense of state management in web apps.

Jason Lengstorf

Jason Lengstorf

Thursday, February 25 2021 @ 9:30 AM PST

Use State Machines to Build a Queue for Custom Twitch Overlays

In this episode, Jason will build a state machine (using xstate) to handle subscription events and display them in Twitch overlays.

Jason Lengstorf

Jason Lengstorf

Friday, March 20 2020 @ 12:00 AM PDT

Build a Cart Powered by State Machines

State machines help us visualize complex UI logic and make our components much more predictable and error resistant. In this episode, Jason creates a state machine using xstate to manage the opening and closing of an animated cart component.

David Khourshid

David Khourshid

Thursday, April 4 2019 @ 12:00 AM PDT

Let's Learn State Machines!

What are state machines? How are they helpful? In this episode, David Khourshid (https://twitter.com/DavidKPiano) walks us through refactoring a React component to use xstate, which helps us clear up some bugs and add more predictability.

Closed captioning and more are made possible by our sponsors:

../../components/episode-preview.solid