Hooks

Gli hook di Wompo permettono di gestire stato, effetti, ref, context e logica riutilizzabile.

Regole degli hook

Gli hook vanno chiamati sempre nello stesso ordine e nelle prime righe del componente.

function Profile({ userId }) {
  const [user, setUser] = useState(null);
  const self = useSelf();

  // Logica del componente dopo gli hook.
  return html`...`;
}

Non chiamarli dentro if, loop o callback.

Hook disponibili

  • useState: stato locale.
  • useEffect: effetti asincroni o side effect.
  • useRef: valore stabile o riferimento DOM.
  • useMemo: valore derivato memorizzato.
  • useCallback: funzione stabile.
  • useContext: lettura di context.
  • useAsync: operazioni asincrone.
  • useExposed: metodi pubblici sull'elemento.