useCallback hook

Mantieni stabile una funzione tra render.

Esempio

function SearchForm({ onSearch }) {
  const [query, setQuery] = useState('');

  const submit = useCallback((event) => {
    event.preventDefault();
    onSearch(query);
  }, [query, onSearch]);

  return html`<form @submit=${submit}>...</form>`;
}

Perché usarlo

È utile quando passi callback a componenti figli, effect o hook personalizzati che dipendono dall'identità della funzione.

useAsync - Hooks Wompo

Esegui callback asincrone al render e al cambio delle dipendenze.

useContext - Hooks Wompo

Usa useContext per condividere stato in una porzione dell'app.