useEffect hooku ilə serverə sorğu göndərməkdən başqa nələr edə biləcəyinizə nümunələr verin.

Səhifə başlığının vəziyyətinin idarə olunması (document.title).

Brauzer hadisələrinə abunə olmaq və onlardan imtina etmək (məsələn, pəncərə ölçüsünün dəyişməsi, element xaricində kliklər):

useEffect(() => {
  const handleResize = () => {
    console.log('Pəncərə ölçüsü dəyişdi');
  };
  window.addEventListener('resize', handleResize);

  return () => {
    window.removeEventListener('resize', handleResize);
  };
}, []); // Boş asılılıq siyahısı: effekt bir dəfə montajda icra olunur və söküləndə təmizlənir.

Lokal yaddaş ilə işləmək (məlumatların oxunması/yazılması):

useEffect(() => {
  const savedValue = localStorage.getItem('myInputValue');
  if (savedValue) {
    setInputValue(savedValue); // inputValue vəziyyəti və setInputValue funksiyası mövcuddur
  }
}, []); // Dəyəri montajda yükləmək.

useEffect(() => {
  localStorage.setItem('myInputValue', inputValue); // Dəyişəndə yadda saxla
}, [inputValue]); // inputValue asılılığı

Xarici kitabxanaların və ya komponentlərin başlanğıcı.

Zamanlayıcıların qurulması və təmizlənməsi (setTimeout, setInterval):

useEffect(() => {
  const timerId = setInterval(() => {
    console.log('Zamanlayıcı işləyir');
  }, 1000);

  return () => {
    clearInterval(timerId); // İntervalın təmizlənməsi
  };
}, []);

Prop və ya vəziyyət dəyişikliklərinin izlənməsi və cavab olaraq hərəkətlərin həyata keçirilməsi.

Komponentin montajında elementə fokuslama:

useEffect(() => {
  inputRef.current.focus(); // inputRef referansı mövcuddur
}, []);