TodoMVC Examples

These XState v4 docs are no longer maintained

XState v5 is out now! Read more about XState v5 (opens new window) and check out the XState v5 docs (opens new window).

Both demos share the same machines.

TodoMVC with React

• Uses React with hooks (opens new window)
• Two machines:
  • todosMachine controls the overall Todos application
  • todoMachine controls each individual todo item.

TodoMVC with Vue

• Uses Vue with Composition API (opens new window)
• Two machines:
  • todosMachine controls the overall Todos application
  • todoMachine controls each individual todo item.