menu

Statecharts

Statecharts are a precise, visual way of modeling the behaviour of complex reactive systems. They describe how things work, and can help you get your code doing exactly what you want.

Channels
Team
Posts
Members
Info

Autocomplete links on site do not work

When you click on links from the Algolia autocomplete search control, you are taken to a URL with an extra /docs in the path which results in a broken link. If you remove the duplicated path, the link works. Repro 1. Go to https://xstate.js.org …

thumbsup
0
message-simple
3

Visualize context

Is there an option I can choose to visualize context values or not?

thumbsup
0
message-simple
1

"Landing page"

Hi! I've been toying with the idea of adding a few live demos of statecharts to the front page. Perhaps the Flickr search or a login flow, but I'm a bit hesitant because developers who visit will often have opinions on how search should work or how login screens should work, and…

thumbsup
0
message-simple
44

Condition states

A concerned citizen opened an issue to notify me that the term "junction state" was missing from the glossary. And just this week I got around to writing some words about junctions, or condition states. Give it a read, and let me know what you think. I added a larger "usage"…

thumbsup
5
message-simple
7

Statecharts at 1

https://statecharts.github.io is 1 year old! 🎉🎉🎉 Last holiday season I had a few days' vacation left over, and I found the time to build a website dedicated to statecharts. The first rough cut was publicized in a humble tweet on the 27th of…

thumbsup
7
message-simple
3

Introductory website

This thread originates from a discussion with Erik on how to best introduce statecharts. This is a large subject, and this thread is more focused on possible improvements which could be brought to the existing website https://statecharts.github.io/. I reproduce excerpts of our…

thumbsup
1
message-simple
70

Using FizzBuzz to explain guards, internal events, etc.

I just completed (and linked up) the second FizzBuzz adventure. https://statecharts.github.io/fizzbuzz-actions-internal-events.html The main difference from "part 1" is that it splits the problem itself up into four separate problems (fizz, buzz, fizzbuzz, digit) and solves each…

thumbsup
5
message-simple
4

FizzBuzz

I've been working on a series of posts designed to explain various statechart techniques, and I'd like to show off the preliminary text. https://statecharts.github.io/fizzbuzz-actions-guards.html Please give it a read, and tell me if it resonates, and if the format works. …

thumbsup
5
message-simple
13

Glossary

I'm just patting myself on the back a bit. This week-end I've been busy hacking away at Jekyll, and today I can safely show off the "glossary page" where I've tried to define all the terms that get thrown around. These are linked to from various pages around…

thumbsup
7
message-simple
5

State Explosion

I put the finishing touches on the page on State Explosion just now. Lots of hand-drawn images. To pre-empt the question on what I use to draw the statecharts, I use BoxySVG, which works well with my…

thumbsup
10
message-simple
13