Kancalar koşullu olarak kullanıldığında React durum tutarlılığını nasıl sağlar?

1. Yalnızca Üst Seviyedeki Kancaları Çağır:
- Kancalar, erken geri dönüşlerden önce React fonksiyonunun en üst seviyesinde çağrılmalıdır. Bu, bir bileşen her görüntülendiğinde Hook'ların aynı sırayla çağrılmasını sağlar ve bu da React'ın birden fazla "useState" ve "useEffect" çağrıları[4] arasında Hook'ların durumunu doğru şekilde korumasına olanak tanır.

2. Yalnızca React Fonksiyonlarındaki Hook'ları Çağırın:
- Kancalar, React fonksiyon bileşenlerinden veya özel Kancalardan çağrılmalıdır. Bu, bir bileşendeki tüm durum bilgisi olan mantığın kaynak kodundan açıkça görülebilmesini sağlar[4].

3. Kancaları Akıllıca Kullanın:
- Gereksiz durum güncellemelerinden ve yan etkilerden kaçınarak Hook'ları akıllıca kullanın. Bu, işlevleri not etmek ve gereksiz hesaplamalardan kaçınmak için "useMemo" ve "useCallback" kullanılarak gerçekleştirilebilir[1].

4. Context API'yi kullanın:
- Bileşenler arasında durumu paylaşmak için Context API'yi kullanın. Bu, durumu merkezi bir konumda yönetmenize ve ona ihtiyaç duyan herhangi bir bileşenden erişmenize olanak tanır[1].

5. Referansları Kullan:
- DOM düğümlerine veya doğrudan erişilmesi gereken diğer değerlere erişmek için başvuruları kullanın. Bu, durumu ve yan etkileri daha kontrollü bir şekilde yönetmenize olanak tanır[1].

6. Performans Kancalarını Kullanın:
- Oluşturma performansını optimize etmek için "useMemo" ve "useCallback" gibi performans kancalarını kullanın. Bu, gereksiz işleri atlamanıza ve oluşturmayı optimize etmenize olanak tanır[1].

7. Kaynak Kancalarını Kullanın:
- Durumlarının bir parçası olmadan kaynaklara erişmek için "useResource" gibi kaynak kancalarını kullanın. Bu, durumu ve yan etkileri daha kontrollü bir şekilde yönetmenize olanak tanır[1].

8. Özel Kancalar Kullanın:
- Karmaşık mantığı özetlemek ve kodunuzu daha okunabilir hale getirmek için özel kancalar kullanın. Bu, farklı bileşenler[1] arasında durum bilgisi olan mantığı yeniden kullanmanıza olanak tanır.

Bu kuralları ve en iyi uygulamaları takip ederek React uygulamanızın, kancalar koşullu olarak kullanıldığında bile durum tutarlılığını korumasını sağlayabilirsiniz.