React'ta Hook'lar

Bu derste hook'larla tanışmaya başlayacağız. Daha önce state'ler (durumlar) konusunu incelerken onlarla karşılaşmıştık - orada state hook'u useState ile çalışmayı öğrenmiştik.

Genel olarak, hook'lar isimleri 'use' kelimesiyle başlayan sıradan JavaScript fonksiyonlarıdır.

Hook'lar, sınıf kullanmadan React'ın state'lerini ve diğer özelliklerini kullanmamıza olanak tanır. Çeşitli görevler için kodun yeniden kullanılmasını, ayrıca test edilmesini kolaylaştırırlar ve karmaşık bileşenleri işlevlerine göre daha basit fonksiyonlara ayırmaya yardımcı olurlar. Bazı hook'lar, Redux işlevselliğinin yerini bile alabilir. Tüm bunların yanı sıra, hook'lar uygulamanın performansını artırmaya yardımcı olur.

Hook'ları kullanmak istiyorsanız, iki temel kurala uyun. İlk olarak, onları yalnızca en üst seviyede kullanın - döngülerin, koşullu ifadelerin veya iç içe geçmiş fonksiyonların içinde çağırmayın. İkinci olarak, hook'lar yalnızca React fonksiyonlarından (React bileşenlerinden veya özel hook'lardan) çağrılmalıdır, sıradan JavaScript fonksiyonlarından değil.

Ayrıca, programcıların yaptığı bir hata, kodda hook'ların kontrolsüz bir şekilde kullanılmasıdır. Şu veya bu hook'u kullanmadan önce, gerçekten gerekli olduğundan emin olun.

Bir sonraki derste hook türlerini inceleyeceğiz.