useEffect kancasını kullanarak yapılabilecek örnekler verin, sunucuya istek göndermek dışında.

Sayfa başlığı durumunun yönetimi (document.title).

Tarayıcı olaylarına abone olma ve abonelikten çıkma (örneğin, pencere boyutunun değişmesi, öğe dışında tıklamalar):

useEffect(() => {
  const handleResize = () => {
    console.log('Pencere boyutu değişti');
  };
  window.addEventListener('resize', handleResize);

  return () => {
    window.removeEventListener('resize', handleResize);
  };
}, []); // Boş bağımlılık dizisi: etki bir kez montajda çalışır ve kaldırılır.

Yerel depolama ile çalışma (veri okuma/yazma):

useEffect(() => {
  const savedValue = localStorage.getItem('myInputValue');
  if (savedValue) {
    setInputValue(savedValue); // inputValue durumu ve setInputValue fonksiyonunun olduğu varsayılır
  }
}, []); // Yükleme sırasında değer yüklenir.

useEffect(() => {
  localStorage.setItem('myInputValue', inputValue); // inputValue değiştiğinde kaydet
}, [inputValue]); // inputValue bağımlılığı

Üçüncü taraf kütüphaneler veya bileşenlerin başlatılması.

Zamanlayıcıların (setTimeout, setInterval) ayarlanması ve temizlenmesi:

useEffect(() => {
  const timerId = setInterval(() => {
    console.log('Zamanlayıcı çalışıyor');
  }, 1000);

  return () => {
    clearInterval(timerId); // Aralık temizlenir
  };
}, []);

Prop veya durum değişikliklerini izleme ve buna yanıt olarak eylemler gerçekleştirme.

Bileşen monte edildiğinde bir öğeye odaklanma:

useEffect(() => {
  inputRef.current.focus(); // inputRef referansı olduğu varsayılır
}, []);