Tomorrow is part four in our popular Stately Stream series, where we are modeling a semi-complex client-side app using XState, Stately Studio, React and TypeScript. You can catch up on the previous videos in the series below or watch all our past videos in our Stately Streams YouTube playlist.

Across this series, David and I have been working on a canvas-based app project that showcases using statecharts for both components and globally accessible actors across an entire system, as well as multi-actor communication and state orchestration.

Part 1

In part 1 we look at the power of using statecharts to model and implement a canvas-based app.

Part 2

In part 2, we look at implementing multiple selection, including collision detection and what you might need for live collaboration.

Part 3

In part 3, we migrate our code from XState V4 to XState V5.

Watch part 4 tomorrow at 6.30 PM ET

Join us tomorrow at 6.30 PM ET on YouTube or LinkedIn for our next live stream!