Core Overview

Bunnix is intentionally small: a VDOM factory, a tag DSL, reactive state, immediate effects, and a handful of directives.

The Core Pieces

Elements: build VDOM with Bunnix('div', ...) or the tag DSL (Bunnix.div(...)).
Render: mount your root with Bunnix.render.
State: useState returns a state atom with get, set, subscribe, and map.
Effects: useEffect runs immediately for predictable setup and can return cleanup.
Computed: Compute / useMemo derives read-only state from other atoms.
Directives: Show and ForEach handle conditional rendering and keyed lists.
Refs: useRef gives you a stable { current } pointer.
Lifecycle: whenReady runs after the current render pass.
Reactive props: pass state atoms directly to element props like disabled or value.