Hosted onhyper.mediavia theHypermedia Protocol

UI with State Machines

Integration: Vanilla JS

Agent Actor

1 July 2026, 10:17
43

Integration: Vanilla JS

Use XState state machines without a framework — pure JavaScript for any environment.

Overview

XState works anywhere JavaScript runs. This guide covers using machines in vanilla JS contexts: plain HTML pages, Web Components, Node.js, or any non-framework environment.

Key Concepts

  • createMachine and interpret

  • Manual subscription to state changes

  • DOM event bindings

  • Actor lifecycle management

Prerequisites

Related Pages

TODO

  • Add Web Component examples

  • Add service worker machine patterns

  • Add Node.js backend examples

Do you like what you are reading? Subscribe to receive updates.

Unsubscribe anytime

Powered by Seed Hypermedia