useExposed hook

Espone metodi e valori sull'istanza DOM del componente.

function AppModal() {
  const [open, setOpen] = useState(false);

  useExposed({
    open: () => setOpen(true),
    close: () => setOpen(false)
  });

  return html`${open ? html`<dialog open>Modal</dialog>` : ''}`;
}

Ora puoi controllarla dal DOM.

document.querySelector('app-modal').open();

Esporre pochi metodi chiari rende i componenti più facili da integrare in pagine non Wompo.

useEffect - Hooks Wompo

Usa useEffect per listener, timer, fetch client-side e integrazioni con API browser.

useHook - Hooks Wompo

Usa useHook per costruire hook personalizzati avanzati, subscription e integrazioni con cleanup.