Poderia explicar o que são Hooks no contexto do React ou de outras bibliotecas/frameworks?

Os Hooks são funções no React (e em algumas outras bibliotecas) que permitem usar o estado e outras funcionalidades do React sem escrever classes. Eles permitem "conectar-se" ao ciclo de vida dos componentes e gerenciar o estado em componentes funcionais.

Principais hooks:

• useState — para armazenar e atualizar o estado.
• useEffect — para executar efeitos colaterais (por exemplo, carregar dados, assinaturas).

Exemplo de uso de useState e useEffect:

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

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

  useEffect(() => {
    document.title = `Você clicou ${count} vezes`;
  }, [count]);

  return (
    <div>
      <p>Você clicou {count} vezes</p>
      <button onClick={() => setCount(count + 1)}>
        Clique em mim
      </button>
    </div>
  );
}

Assim, os Hooks tornam o código dos componentes mais compacto e fácil de reutilizar a lógica.