Puteți explica ce sunt Hooks în contextul React sau al altor biblioteci/cadrouri?

Hooks — acestea sunt funcții în React (și în alte biblioteci) care permit utilizarea stării și a altor funcționalități ale React fără a scrie clase. Ele permit "conectarea" la ciclul de viață al componentelor și gestionarea stării în componente funcționale.

Principalele hooks:

• useState — pentru stocarea și actualizarea stării.
• useEffect — pentru executarea efectelor secundare (de exemplu, încărcarea datelor, abonamente).

Exemplu de utilizare a useState și useEffect:

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

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

  useEffect(() => {
    document.title = `Ai apăsat de ${count} ori`;
  }, [count]);

  return (
    <div>
      <p>Ai apăsat de {count} ori</p>
      <button onClick={() => setCount(count + 1)}>
        Apasă-mă
      </button>
    </div>
  );
}

Astfel, Hooks fac codul componentelor mai compact și mai ușor de reutilizat pentru logică.