React Native uygulamalarında state yönetimini nasıl yaparsınız?

Question

Accepted Answer

React Native'de state yönetimi (React'te olduğu gibi), yerel bileşen state'i (useState) ile başlayıp **Context** aracılığıyla paylaşılan/global state'e, ya da **Redux**, **Zustand** ve diğerleri gibi kütüphanelere kadar uzanır. Uygulamalar büyüdükçe seçenekleri ve her birinin ne zaman kullanılacağını anlamak önemlidir.

## Yerel state ve state'i yukarı taşıma

```text
useState → local component state (simple, for one component)
LIFTING STATE UP → move shared state to a common parent, pass down via props
  → works for moderate sharing, but "PROP DRILLING" (passing through many layers) is painful
```

## Context API — yerleşik paylaşılan state

```jsx
// Context shares state across the tree WITHOUT prop drilling (built into React)
const ThemeContext = createContext();
// provide it high in the tree; consume with useContext anywhere below
const theme = useContext(ThemeContext);
// → good for low-frequency global data (theme, auth, user); can cause re-renders if overused
```

## State yönetimi kütüphaneleri

```text
For complex/global state, libraries help:
  REDUX (+ Redux Toolkit) → predictable centralized store; structured; popular for large
    apps; more boilerplate (RTK reduces it)
  ZUSTAND → minimal, simple, hooks-based store — popular modern lightweight choice
  Jotai / Recoil → atomic state; MobX → observable state
  React Query / TanStack Query → for SERVER state (caching, fetching) — often used
    alongside (handles API data, loading, caching)
```

## Seçim yapma

```text
Simple/local → useState; moderate sharing → lift up / Context
Complex global app state → Redux Toolkit or Zustand (by preference/complexity)
Server/API data → React Query (caching, sync) — distinct from client state
→ Don't over-engineer; match the solution to the app's complexity.
```

## Neden önemli

State yönetimini anlamak önemlidir çünkü **bir uygulamanın state'i nasıl yönettiği ve paylaştığı, uygulamanın karmaşıklığıyla birlikte büyüyen önemli bir mimari kaygıdır** ve bu nedenle gerçek React Native uygulamaları oluşturmak için değerli bir bilgidir.

React Native'de state yönetimi React gibi çalışır, basitinden sofistike seviyeye kadar uzanır.

**Yerel state**'i (useState) ve **state'i yukarı taşımayı** (paylaşılan state'i ortak bir parent'e taşımak) anlamak temel ihtiyaçları karşılarken, **prop-drilling problemiyle** (state'i birçok katman arasında geçmek ve bu işlemin ağır hale gelmesi) tanışmak daha iyi çözümlere ihtiyaç duymayı ortaya çıkarır.

**Context API** (React'in prop-drilling olmadan ağaç genelinde state paylaşmanın yerleşik yolu) düşük sıklıkta global veriler (tema, kimlik doğrulama, mevcut kullanıcı) için iyidir, ancak aşırı kullanıldığında yeniden render'ları tetikleyebilir.

Karmaşık/global state için **state yönetimi kütüphaneleri**'ni anlamak — **Redux** (Redux Toolkit ile, tahmin edilebilir merkezi bir depo, yapılandırılmış ve büyük uygulamalar için popüler), **Zustand** (minimal, basit, hooks tabanlı, popüler modern hafif bir seçim) ve diğerleri (Jotai, MobX) — önemli uygulama state'ini yönetmek için seçenekler sunar.

Önemlisi, **server state için React Query/TanStack Query**'yi anlamak (API verilerini önbelleğe alma ve senkronizasyon, istemci state'inden farklı) — **server state ve istemci state'inin farklı kaygılar olduğu** (önbelleğe alma/getirme ile API verilerinin genellikle ayrı olarak ele alınması daha iyidir) modern tanınmış bir farkındalığı yansıtır — değerli ve giderek daha önemli olan bir ayrım.

**Seçim yapabilmeyi** anlamak (yerel için useState, orta düzey paylaşım için Context, karmaşık global state için Redux Toolkit veya Zustand, server verisi için React Query, over-engineering yapmadan) karmaşıklığı çözüme uyduran sağlam yargıyı yansıtır.

State yönetimi önemli bir mimari kaygı olduğundan ve bakımlılık ile uygulama karmaşıklığı ölçeğinde etkili olduğundan, yelpazenin tamamını (yerel state, Context, kütüphaneler ve server-ve-istemci-state ayrımı) anlamak ve uygun şekilde seçim yapmak gerçek uygulamalar oluşturmak için önemli olduğundan, React Native'de state yönetimini anlamak değerli, pratik olarak ilişkili bir bilgidir — bakımlı, ölçeklenebilir React Native uygulamaları oluşturmak için önemli bir mimari alan olup, seçenekler ve istemci/server-state ayrımı ses bir state mimarisi için önemlidir.