El tudná magyarázni, hogy mik azok a Hooks a React vagy más könyvtárak/keretrendszerek kontextusában?

A Hookok olyan függvények a Reactben (és néhány más könyvtárban), amelyek lehetővé teszik a React állapotának és más funkcióinak használatát osztályok írása nélkül. Lehetővé teszik, hogy "csatlakozzanak" a komponensek életciklusához és kezeljék az állapotot funkcionális komponensekben.

Fő hookok:

• useState — az állapot tárolására és frissítésére.
• useEffect — mellékhatások végrehajtására (pl. adatok betöltése, feliratkozások).

Példa a useState és useEffect használatára:

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

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

  useEffect(() => {
    document.title = `Ön ${count} alkalommal kattintott`;
  }, [count]);

  return (
    <div>
      <p>Ön ${count} alkalommal kattintott</p>
      <button onClick={() => setCount(count + 1)}>
        Kattints rám
      </button>
    </div>
  );
}

Így a Hookok kompaktabbá és a logika újrafelhasználására könnyebbé teszik a komponens kódját.