useSelf hook

Ottieni l'istanza del custom element corrente.

Uso

function ResizeAware() {
  const self = useSelf();

  useEffect(() => {
    const observer = new ResizeObserver(([entry]) => {
      self.dataset.width = String(entry.contentRect.width);
    });
    observer.observe(self);
    return () => observer.disconnect();
  }, []);

  return html`<slot></slot>`;
}

useSelf è utile quando devi interagire con l'host element, leggere attributi, impostare dataset o collegare API browser all'elemento.

useRef - Hooks Wompo

Usa useRef per riferimenti DOM, timer, integrazioni esterne e valori non reattivi.

useState - Hooks Wompo

Usa useState per salvare valori tra render, aggiornare la UI e gestire oggetti complessi.