Design a polling state machine with XState

preview_player
Показать описание
In this video I do a walkthrough of designing and implementing a state machine for polling an external service. When we use state machines and XState, we don't just get a code tool, we also get a design tool and thinking tool. State machines help us to think through and model problems in ways that other approaches fall short.

#XState #JavaScript #StateMachine #TypeScript
  1. Josh Branchaud
  2. XState
  3. State Machines
  4. JavaScript
  5. TypeScript
Рекомендации по теме
Design a polling 0:50:18

Design a polling state machine with XState

StateMachine (Polling Based 0:24:34

StateMachine (Polling Based Architecture)

VI High 58 0:12:22

VI High 58 - How to Make Your State Machine Event-Based

VLSI Design - 0:54:24

VLSI Design - Learn Finite State Machines | IST Practicals S6 E6

Designing State Machines 0:17:56

Designing State Machines #3 - Video Call

How to Code 1:03:01

How to Code a State Machine | Embedded System Project Series #26

How the Design 0:15:15

How the Design of Polling Places Sway Elections

GopherCon 2018: Amy 0:32:58

GopherCon 2018: Amy Codes - gRPC State Machines and Testing

State Machines Done 0:17:58

State Machines Done Right - Steve Watts (SSDC) - GDevCon#2

Make an interactive 0:07:22

Make an interactive pull-to-refresh with Rive’s State Machine

[Front-End System Design] 0:35:04

[Front-End System Design] - Design a Poll Widget

'State Machines on 0:20:33

'State Machines on the Edge' by Erik Rasmussen at #RemixConf 💿

Demo - State 0:00:16

Demo - State - Machine - LTHTN - MS

Async I/O in 0:51:42

Async I/O in Depth: State Machines, Event Loops and Non-Blocking I/O System Calls

Introducing Saga Pattern 0:51:05

Introducing Saga Pattern in Microservices with Spring Statemachine

How to Create 0:24:52

How to Create a Software Architecture | Embedded System Project Series #6

Synchronize state machines 0:04:06

Synchronize state machines with Caf.js and XState

Embedded Systems: State 0:49:31

Embedded Systems: State Machines

Front-end state management 0:42:37

Front-end state management with Xstate - Amy Pellegrini | XConf Europe 2021

Coding for 1 0:00:24

Coding for 1 Month Versus 1 Year #shorts #coding

Using Godot's State 0:20:33

Using Godot's State Machine (Code)

Stefanos Lignos - 0:33:15

Stefanos Lignos - Working with State Machines in Angular at AngularNL 2020

Polling day Preparation 0:03:59

Polling day Preparation

Mapping change in 0:27:09

Mapping change in United State polling places

Комментарии
Автор

Really enjoyed this video, thank you very much! I would love to see more videos like this from you as YouTube is really lacking great Xstate videos.

It was nice to see you finding problems and working out solutions on the video, rather than having a completely pre-done solution you just copied and pasted in. Seeing your thought process as you fixed issues and charted the states out was very helpful.

ubxoqzb
Автор

You can add an onDone transition to the machine's active state that targets the inactive state. That fires once the substate 'active' reaches a state marked as final. Then you don't have to refresh the page, the machine resets for you.

MScottLassiter