Memory leak

Memory leak tespiti ve önlemeyi öğrenirsin.

Memory leak

Bellek sızıntısı (memory leak), kullanılmayan nesnelerin bellekten temizlenmemesidir. React Native'de en yaygın nedenler: temizlenmeyen setInterval, kaldırılan abonelikler ve kenarda kalan setTimeout.

Bileşen kaldırıldığında (unmount) tüm yan etkiler temizlenmelidir. useEffect bir temizlik fonksiyonu döner; bu fonksiyon timer'ı ve aboneliği kaldırır. Aksi halde bileşen gelse de bellekte kalır.

Abonelik temizleme

Olay abonelikleri (event listener), native modül abonelikleri ve WebSocket bağlantıları unmount'ta kaldırılmalı. Aksi halde eski bileşen olay almaya devam eder; bu hem bellek hem davranış hatası yaratır.

Örnek: DeviceEventEmitter.addListener bir subscription döner. useEffect içinde subscription.remove() ile temizlenir. Aynı yöntem NetInfo.addEventListener için de geçerli.

Uygulama Timer'ı temizle

Bir useEffect yaz. İçinde setInterval(tick, 1000) çağrısı yapılsın, ID id değişkenine atansın. Temizlik fonksiyonu () => clearInterval(id) dönsün. useEffect'i react'tan içe aktar.

Örnek çözümü göster

import React, { useEffect } from 'react';

function tick() {}

export default function App() {
  useEffect(() => {
    const id = setInterval(tick, 1000);
    return () => clearInterval(id);
  }, []);
  return null;
}

Kendini test et

useEffect temizlik dönüşü

useEffect(() => {
  const id = setInterval(tick, 1000);
  ____;
}, []);

Cevabı göster

useEffect(() => {
  const id = setInterval(tick, 1000);
  return () => clearInterval(id);
}, []);

Bellek sızıntısı nedenlerini eşleştir

setInterval

Temizlenmeyen timer
addListener

Abonelik sızıntısı
setTimeout

Bekleyen timer
WebSocket

Açık bağlantı
Bileşen kaldırıldığında ne yapılmalı?
- useEffect temizlik fonksiyonu çalıştırılır
- State sıfırlanır
- Yeni bileşen eklenir
- Uygulama kapanır
Cevabı göster

Yeni bileşen eklenir — Temizlik fonksiyonu unmount'ta çalışır.

Sıradaki ders: Özet - Performans mühendisliği

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler