@firsthandjs/dom

DOM parts, components, portals and keyed lists — and a re-export of @firsthandjs/core, so applications have one import site.

Documentation: guide · API reference · all docs

import { component, render, signal } from '@firsthandjs/dom';

const Counter = component(() => {
  const count = signal(0);
  return <button onClick={() => count.value++}>{count.value}</button>;
});

render(() => <Counter />);

Pair it with @firsthandjs/compiler at build time: static markup becomes a cloned <template> and every dynamic expression becomes a specialised DOM part.

@firsthandjs/dom/internal is the compiler/runtime protocol. It is public on purpose — compiled output is code you could have written by hand — but it is not covered by semantic versioning in the same way the main entry point is.

Full documentation: the repository README.

MIT licensed.