The TodoMVC Revisited

The TodoMVC UI (todomvc.com) application is widely considered to be the “Hello World” for UI development. The site has several demos using various frontend technologies. In this article, I explore the use of a state machine for the development of the TodoMVC UI application. I’ll use the vanilla JavaScript to illustrate these concepts, and I’ll use the state machine framework that I presented in a previous article.

State Transitions

The first step in using the state machine is to write the state transitions for the UI of our application. I’ll assume the following state transitions for the TodoMVC app (screen capture is at the bottom of the page) that I am considering here:

The TodoMVC UI (todomvc.com) application is widely considered to be the “Hello World” for UI development. The site has several demos using various frontend technologies. In this article, I explore the use of a state machine for the development of the TodoMVC UI application. I’ll use the vanilla JavaScript to illustrate these concepts, and I’ll use the state machine framework that I presented in a previous article.
State Transitions
The first step in using the state machine is to write the state transitions for the UI of our application. I’ll assume the following state transitions for the TodoMVC app (screen capture is at the bottom of the page) that I am considering here: […]