useMemo Hooku Nedir?

Adı : useMemo Hooku Nedir?

useMemo hook, React'ta performans optimizasyonu sağlamak için kullanılan bir hook'tur. Bu hook, belirli bir hesaplamanın sadece belirli bir değişken değiştiğinde veya bağımlılık değiştiğinde tekrar hesaplanmasını sağlar. Bu sayede gereksiz hesaplamaların yapılması ve performans kaybının yaşanması önlenir.

useMemo hook, iki parametre alır: bir fonksiyon ve bir bağımlılık dizisi. Fonksiyon, tekrar hesaplanması gereken bir değer döndürmelidir. Bağımlılık dizisi ise useMemo hook'unun takip ettiği değerlerin listesidir. Eğer bağımlılık dizisi içerisinde yer alan bir değer değişirse, useMemo hook, fonksiyonu yeniden çalıştırarak güncel değeri döndürür. Eğer bağımlılık dizisi değişmezse, useMemo hook, daha önce hesaplanmış olan değeri kullanarak gereksiz bir hesaplama yapmadan sonucu döndürür.

Bu hook, özellikle hesaplama maliyeti yüksek olan ve çok daha az sıklıkla değişen değerler için kullanışlıdır. Örneğin, büyük bir veri listesinde filtreleme işlemlerini gerçekleştirmek için useMemo kullanılabilir. Eğer filtreleme işlemi her seferinde tüm veri listesini tekrar tarayarak yapılırsa, gereksiz bir hesaplama maliyeti oluşur. useMemo hook ile filtreleme fonksiyonu bağımlılık dizisine eklendiğinde, sadece filtreleme işlemi gerektiğinde (örneğin filtreleme kriteri değiştiğinde) yeniden hesaplama yapılır.

Aşağıda useMemo hook'un nasıl kullanıldığına dair bazı örnekler verilmiştir:

1. Örnek:
```
const MemoizedComponent = () => {
const [count, setCount] = useState(0);
const expensiveFunction = useMemo(() => {
// Burada maliyetli bir hesaplama yapılır
// count değeri değiştiğinde tekrar hesaplanacak
return count * 2;