Potresti spiegare cosa sono gli Hooks nel contesto di React o di altre librerie/framework?

Gli Hooks sono funzioni in React (e in alcune altre librerie) che consentono di utilizzare lo stato e altre funzionalità di React senza scrivere classi. Permettono di "collegarsi" al ciclo di vita dei componenti e di gestire lo stato nei componenti funzionali.

Gli hook principali:

• useState — per memorizzare e aggiornare lo stato.
• useEffect — per eseguire effetti collaterali (ad esempio, caricamento dati, sottoscrizioni).

Esempio di utilizzo di useState e useEffect:

import React, { useState, useEffect } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Hai cliccato ${count} volte`;
  }, [count]);

  return (
    <div>
      <p>Hai cliccato {count} volte</p>
      <button onClick={() => setCount(count + 1)}>
        Cliccami
      </button>
    </div>
  );
}

In questo modo, gli Hooks rendono il codice dei componenti più compatto e più facile da riutilizzare per la logica.