---
title: React State Management
category: product
entity_type: skill
price: ₺369
canonical: https://forgehouse.ai/tr/skiller/react-state-management/
lang: tr
hreflang_alt: https://forgehouse.ai/skills/react-state-management/
last_updated: 2026-06-20
---

# React State Management

> Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.

Her şeyi tek bir depoya zorlamak yerine doğru state aracını seçmek için bir karar çerçevesi ve çalışan desenler sunar. Sunucu state'i (React Query'nin işi) ile istemci state'i (Zustand, Jotai veya useState'in işi) arasındaki büyük ayrımı çizer; aynı verinin iki yerde yaşamamasını sağlayan tek doğruluk kaynağı ilkesini uygular; aksiyonları anlık hissettiren ve hata anında otomatik geri alan iyimser güncelleme desenleri verir. Senkronizasyon hatalarıyla boğuşmayı bırakıp ürün çıkarmaya başlarsınız.

## Ne için kullanılır
- Redux Toolkit, Zustand, Jotai ve React Query arasında seçim yapma
- Önbellekleme ve arka plan senkronuyla uzak sunucu state'i yönetme
- Geri almalı iyimser arayüz güncellemeleri uygulama
- Dilimlerle ölçeklenebilir global depolar kurma
- Tek ekranda istemci arayüz state'i ile sunucu verisini birleştirme
- Eski Redux'ı Redux Toolkit'e taşıma

## Faydalar
- Her state kategorisi için doğru araç; paradigmaları karıştırmaktan doğan hataların sonu
- Sıfır kopya sunucu state'i, böylece önbellek geçersizleştirme ve yarış koşulları ortadan kalkar
- Güvenli otomatik geri almayla iyimser güncellemeler sayesinde 0ms hisseden aksiyonlar
- Seçici abonelikler ve state yerleştirmesiyle gereksiz yeniden render'ların azalması

## Ne içerir
- State kategorisi ve seçim kriteri matrisi (yerel, global, sunucu, URL, form)
- Zustand hızlı başlangıcı ve seçicilerle ölçeklenebilir dilimli depo deseni
- createAsyncThunk ve tipli hook'larla Redux Toolkit dilimleri
- Jotai atomik, türetilmiş, asenkron ve yalnızca-yazma atom desenleri
- İyimser değişiklik (onMutate, onError, onSettled) içeren React Query anahtar fabrikası
- Birleşik istemci-artı-sunucu örneği ve eski-Redux'tan-RTK'ye taşıma rehberi

## Kimler için
Büyüyen bir uygulamada state'i nasıl yapılandıracağına karar veren, aşırı globalleştirme ya da sunucu verisini kopyalamaktan doğan senkronizasyon hatalarından kaçınmak isteyen React geliştiricileri için.

## Nasıl çalışır
Skill refleksle store'a uzanmaz. Önce her state parçasını sınıflandırır, sonra doğru aracı atar, koştuğu karar döngüsü şu:
1. Her state'i beş kategoriden birine ayır: yerel UI (useState), global client (Zustand, Jotai, Redux Toolkit), sunucu verisi (React Query), URL state (search params), form state (React Hook Form), aracı kategori belirler
2. Bir şey globale gitmeden önce colocation testini uygula: 1-2 component kullanıyorsa yerel useState, 3 ve üzeri kardeş kullanıyorsa context veya store, state'i gereğinden yukarı taşımak bug sayılır
3. Tüm uzak veriyi query keys factory'li React Query'ye taşı: kaynak başına ayarlı staleTime ve gcTime, bağımlı sorgular için enabled korumaları, sunucu verisi için asla useState artı elle fetch yok
4. Client store'u Zustand slice'ları olarak kur (user slice, cart slice) ve tek tipli store'da birleştir, selector hook'larla aç ki component'ler sadece okudukları dilimde yeniden render olsun
5. Optimistic mutation'ları uçtan uca bağla: onMutate yoldaki sorguları iptal edip cache'in anlık görüntüsünü alır, UI anında güncellenir, onError görüntüye geri döner, onSettled sunucuyla yeniden eşitlemek için invalidate eder
6. İncelemede tek doğruluk kaynağını zorla: filtre state'i sadece URL'de, sunucu verisi sadece query cache'inde yaşar, iki yerde yaşayan her değere tek sahip atanır ve kopya silinir

## Sık sorulanlar
### Her yerde Redux kullanıyoruz; bu sadece yeni uygulamalara mı yarar?
Eski Redux'tan Redux Toolkit'e taşıma rehberi içeriyor, yani mevcut kod tabanları tam kapsam içinde. Karar çerçevesi Redux'ın hak ettiği yerde kalmasına da izin veriyor; amaç zorla yeniden yazım değil, her state kategorisine doğru aracı koymak.

### Dört kütüphane arasında seçim gerçekte neye göre yapılıyor?
State kategorisi matrisine göre: sunucu verisi React Query'ye, istemci arayüz state'i Zustand, Jotai veya useState'e gider; URL ve form state'i ayrıca ele alınır. Tek doğruluk kaynağı kuralı da aynı verinin iki depoda yaşamasını engeller; senkronizasyon hatalarının çoğu oradan çıkar.

### Tek bir 'en iyi' kütüphane seçip beni ona mı bağlıyor?
Hayır. Önerme tam tersi: sunucu ve istemci state'i farklı araçlara ayrılır, seçim kriterleri uygulamanızın şekline bağlıdır. Her şeyi tek depoya koyan reçete, bu paketin tam karşı çıktığı şey.

## Fiyat
₺369, tek seferlik, abonelik yok. KDV dahil.

İlgili rehber: [Yapay zekâ ile kod inceleme](https://forgehouse.ai/tr/rehberler/yapay-zeka-kod-inceleme/)