React Hooks: useEffect ve useMemo Ne Zaman Kullanılmalı?

React Hooks, fonksiyonel bileşenlerde state ve yaşam döngüsü özelliklerini kullanmamızı sağlar. Ancak yanlış kullanımları performans sorunlarına yol açabilir.

useMemo Kullanımı

Hesaplama maliyeti yüksek işlemlerin sonucunu önbelleğe almak için kullanılır.

typescript
const expensiveValue = useMemo(() => {
  return calculateComplexValue(a, b);
}, [a, b]);

useEffect Bağımlılıkları

Dependency array'i boş bırakmak veya yanlış değişkenleri eklemek sonsuz döngülere neden olabilir.

typescript
useEffect(() => {
  const subscription = props.source.subscribe();
  return () => {
    subscription.unsubscribe();
  };
}, [props.source]);