React Hooks – Magyar Útmutató

Verzió: React 19 (2025) | Szint: Kezdőtől haladóig

---

Mi az a Hook?

A Hook egy speciális függvény, amivel React funkciókat (pl. state kezelést, lifecycle eseményeket) használhatsz funkcionális komponensekben – osztályok nélkül.

A neve onnan jön, hogy "beakasztod" magad a React belső működésébe (hook into).

🔒 Az arany szabályok (Rules of Hooks)

1. Csak komponens szintjén hívd – ne feltételek, ciklusok belsejéből.
2. Csak React funkcionális komponensben (vagy saját custom hookban) használd.
3. Neve mindig use-zal kezdődik.

---

Mit találsz a React Hooks szekcióban?

1. State Hookok – useState, useReducer
2. Context Hook – useContext
3. Ref Hookok – useRef, useImperativeHandle
4. Effect Hookok – useEffect, useLayoutEffect, useInsertionEffect, useEffectEvent
5. Performancia Hookok – useMemo, useCallback
6. Transition Hookok – useTransition, useDeferredValue
7. Egyéb Hookok – useId, useDebugValue, useSyncExternalStore, useOptimistic, useActionState
8. React DOM Hook – useFormStatus
9. Custom Hooks – saját hook írása
10. Összefoglaló táblázat – gyors áttekintés és hasznos linkek