JET School

Hooks nədir?

Hooks — React kitabxanasında funksiya əsaslı komponentlərdə vəziyyət (state) və həyat dövranı (lifecycle) xüsusiyyətlərindən istifadə etməyə imkan verən xüsusi funksiyalardır. React 16.8 versiyasından etibarən təqdim edilən Hooks, inkişaf etdiricilərə class komponentlərdən istifadə etmədən vəziyyət və digər React xüsusiyyətlərindən yararlanmağa imkan verir. Bu da komponentlərin yazılmasını daha asanlaşdırır, kodu daha oxunaqlı və sadə hala gətirir.

Hooks sayəsində eyni komponent daxilində birdən çox vəziyyət idarə oluna bilir, fərqli effektlər icra edilə bilir və kod hissələri daha modul bir quruluşa malik olur.

Ən çox istifadə olunan əsas hook-lara aşağıdakılar daxildir:

  • useState: komponentin daxilində dinamik məlumatların idarə olunması üçün istifadə edilir. Məsələn, bir klik sayğacı yaratmaq üçün useState-dən istifadə oluna bilər.
  • useEffect: komponentin yüklənməsi, yenilənməsi və ya silinməsi zamanı xüsusi funksiyaların icra olunması üçün istifadə olunur. API çağırışları, localStorage oxumaq/yazmaq kimi əməliyyatlar üçün uyğundur.
  • useContext: komponent ağacında məlumat ötürmək üçün Context API ilə birlikdə istifadə olunur.
  • useMemo və useCallback: performansı artırmaq üçün hesablamaları və funksiyaları yadda saxlamağa kömək edir. Hooks-dan istifadə edərkən iki əsas qaydaya riayət olunmalıdır:
  1. Hook-lar yalnız komponentin və ya custom (özəl) hook funksiyasının ən üst səviyyəsində çağırılmalıdır, şərt və ya dövr (loop) daxilində yox.
  2. Hook-lar yalnız React funksional komponentləri və ya custom hook-lar içərisində istifadə olunmalıdır.

Hooks React ekosistemində daha modul, təkrar istifadə oluna bilən və optimallaşdırılmış tətbiqlər qurmağa imkan yaradır.

Bu yanaşma sayəsində təkcə kod yazmaq deyil, həm də layihənin dəstəklənməsi və genişləndirilməsi daha rahat olur.

IT sahəsini dərindən öyrənmək üçün kurslarımıza qoşulun. Ətraflı məlumat almaq üçün sorğu göndərin!