⚡ useMemo Nedir?

• React hook’udur, hesaplanan değerleri optimize etmek için kullanılır.
• Fonksiyon sonucunu memoize eder; bağımlılıkları değişmediği sürece yeniden hesaplamaz.
• Amaç: Gereksiz tekrar hesaplamaları önlemek ve performansı artırmak.

⚡ Temel Kullanım

import { useMemo, useState } from "react";

function ExpensiveCalculation({ number }) {
  const [multiplier, setMultiplier] = useState(1);

  const computedValue = useMemo(() => {
    console.log("Hesaplama yapılıyor...");
    return number * 2; // Örnek ağır işlem
  }, [number]); // number değiştiğinde yeniden hesaplanır

  return (
    <div>
      <p>Computed: {computedValue * multiplier}</p>
      <button onClick={() => setMultiplier(multiplier + 1)}>Çarpanı Arttır</button>
    </div>
  );
}

• useMemo(() => hesaplama, [dependencies])
• Sadece bağımlılıklar değiştiğinde hesaplama yapılır.

⚡ Notlar

• useMemo, performans optimizasyonu için kullanılır, her zaman gerekli değildir.
• Render sırasında pahalı işlemleri tekrar etmek istemediğinizde tercih edilir.
• useMemo ile state veya DOM güncellemeleri tetiklenmez; sadece hesaplama sonucu saklanır.