Büyük bir React uygulamasında state management mimarisini nasıl kurgularsınız?

İlk adım tüm state'i tek bir global store'a koymak değil, state'i türüne göre sınıflandırmak ve her türü doğru araçla yönetmektir.

İlkeler

• Server state'i global store'a kopyalamayın. Cache, yeniden çekme, invalidation, loading/error durumları TanStack Query gibi araçların işidir.
• Paylaşılabilir olan URL'de yaşasın: filtrelenmiş bir sayfanın linki kopyalandığında aynı görünüm açılmalı.
• State'i kullanıldığı yere en yakın tutun (colocation); gerekirse yukarı taşıyın.
• Türetilebilen state'i saklamayın: filteredItems'ı useEffect ile senkronize etmek yerine render sırasında hesaplayın.
• Context sık değişen değerler için uygun değildir; tüm consumer'lar yeniden render olur. Seçici (selector) abonelik için Zustand/Redux tercih edin.

// Zustand ile selector: sadece count değişince render
const count = useCartStore((s) => s.items.length);

Sonuç olarak çoğu modern uygulamada Redux'a ihtiyaç kalmaz; Query + URL + küçük bir client store yeterlidir.