Articles Tagged
A Complete State Machine Made With HTML Checkboxes and CSS
State machines are typically expressed on the web in JavaScript and often through the popular XState library. But the concept of a state machine is adaptable to just about any language, including, amazingly, HTML and CSS. In this article, we’re …
Model-Based Testing in React with State Machines
Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is tedious and prone to human bias and error. Furthermore, maintenance can be a nightmare, especially when features …
Using React and XState to Build a Sign In Form
A number of changes to XState have occurred since writing this article. An updated version of a sign-in form using React & XState can be found here.
To make a sign in form with good …
Finite State Machines with React
As JavaScript applications on the web have grown more complex, so too has the complexity of dealing with state in those applications — state being the aggregate of all the data that an application needs to perform its function. Over …
Robust React User Interfaces with Finite State Machines
User interfaces can be expressed by two things:
- The state of the UI
- Actions that can change that state
From credit card payment devices and gas pump screens to the software that your company creates, user interfaces react to the …