Môžete vysvetliť, čo sú Hooks v kontexte React alebo iných knižníc/rámcov?

Hooks sú funkcie v React (a v niektorých ďalších knižniciach), ktoré umožňujú používať stav a ďalšie funkcie Reactu bez písania tried. Umožňujú "pripojiť sa" k životnému cyklu komponentov a spravovať stav vo funkčných komponentoch.

Hlavné hooky:

• useState — na ukladanie a aktualizáciu stavu.
• useEffect — na vykonávanie vedľajších efektov (napríklad načítanie dát, odber).

Príklad použitia useState a useEffect:

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

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

  useEffect(() => {
    document.title = `Stlačili ste ${count} krát`;
  }, [count]);

  return (
    <div>
      <p>Stlačili ste {count} krát</p>
      <button onClick={() => setCount(count + 1)}>
        Klikni na mňa
      </button>
    </div>
  );
}

Týmto spôsobom hooky robia kód komponentov kompaktnejším a ľahším na opätovné použitie logiky.