Fine-grained UI engine

Reactivity at signal speed

A fictional framework identity where JSX stays readable while every value redraws only the exact DOM node it owns.

compiled JSX direct DOM subscriber graph

1.00x vanilla-adjacent update path

0 diff no tree walk between state and DOM

12ms signal trace across the poster grid

counter.runtime.tsx

fine-grained

// JSX remains the surface; signals own the updates.
const [count, setCount] = signal(0);
const doubled = memo(() => count() * 2);

effect(() => {
  meter.textContent = `cycles: ${doubled()}`;
});

function Counter() {
  return (
    <button onClick={() => setCount(count() + 1)}>
      redraws only this text: {doubled()}
    </button>
  );
}