Components

mount()#

a component with rich context (20+ utilities pre-bound to scope)

mount()#

shorthand with CSS selector

register() + hydrate()#

server-rendered HTML hydration with lazy strategies (visible, idle, interaction, media)

errorBoundary()#

catch errors, show fallback

Custom Elements#

element() for the component form, defineElement() for the definition object with signals↔attrs↔props reflection, Shadow DOM, formAssociated

One component contract#

const Counter = ({ props, html }) => html…``; island('counter', Counter, { types }) for a server island and element('x-counter', Counter, { props }) for a custom element, same function, ctx.props is a reactive object in both

Edit this page on GitHub