Playground

This runs the real Azox compiler in your browser — the same code the CLI uses, not a reimplementation. Edit either file and the preview rebuilds.

preview

The compiled tab shows the JavaScript Azox generates. Notice that each binding becomes its own effect holding a reference to one node — that is the whole update mechanism.

Components take props and can hold state of their own — each use gets its own copy. See components, loops & conditionals, and limitations.