Redux nedir?

Redux state yönetim çerçevesini öğrenirsin.

Redux nedir?

Redux, uygulamanın tüm state'ini tek bir nesnede (store) tutan bir state yönetim çerçevesidir. Bileşenler arası paylaşılan veriyi merkezîleştirir; prop drilling'i azaltır. Üç temel parçası vardır: store (durum), action (değişiklik isteği) ve reducer (değişikliği uygulayan saf işlev).

Akış tek yönlüdür: bileşen dispatch(action) çağırır, reducer action'a göre yeni state döner, store güncellenir, bileşen yeni state'i okur. Bu akış tahmin edilebilirliği artırır; hata ayıklama kolaylaşır. React Native'de Redux, büyük uygulamalarda yaygın kullanılır.

Action ve reducer

Action, ne yapılacağını tarif eden bir nesnedir: { type: 'counter/increment' }. type zorunludur; istenirse payload da taşır. Reducer, mevcut state ile action'u alıp yeni state döner. Önemli: reducer saf (pure) olmalı; yani aynı girdi her zaman aynı çıktıyı verir ve yan etkisi yoktur.

Örnek reducer: function counter(state = 0, action) { if (action.type === 'counter/increment') return state + 1; return state; }. State asla doğrudan değiştirilmez; her zaman yeni bir nesne döndürülür. Bu ilke Redux'ın öngörülebilirliğinin temelidir.

Uygulama Action nesnesi yaz

incrementAction sabitini tanımla. { type: 'counter/increment' } nesnesi olsun. export const ile dışa aktar.

Örnek çözümü göster

export const incrementAction = { type: 'counter/increment' };

Kendini test et

Redux'da state nerede tutulur?
- Tek bir store içinde
- Her bileşenin içinde
- Yalnızca AsyncStorage içinde
- Yalnızca dosya sisteminde
Cevabı göster

Tek bir store içinde — Redux tüm state'i tek bir store'da tutar.

Action type değerini yaz

{ type: '____/increment' }

Cevabı göster

{ type: 'counter/increment' }

Parçayı rolüne eşle

store

State'i tutar
action

Değişiklik isteği
reducer

Yeni state döner
dispatch

Action'ı gönderir

Sıradaki ders: Redux Toolkit

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler