Intro to State Machines in JavaScript - Part 1

State machines are a fascinating programming tool that you can implement in your JavaScript apps. The concept of state machines is old but the idea of implementing them in your UI app is pretty new. The basics of a state machine are that it explicitly defines your state and what happens in each state of your app. As a result you can only have a limited number of states for each machine. That&why they&called finite state machines. In this video I use tools like xstate and a state visualizer to create a graph of the state machine. This video was inspired by Jon Bellah and is article on state machines. Read the original article here: The state machine graph tool I use: xstate JavaScript library: