Redux nedir?
- React Native kursu
- İleri seviye
- Ders 49/83
- 5 dk
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.
Başlangıç kodu
// counter/increment action'ını dışa aktarÖrnek çözüm
export const incrementAction = { type: 'counter/increment' };Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Redux'da state nerede tutulur?
- Tek bir store içinde Doğru cevap
- Her bileşenin içinde
- Yalnızca AsyncStorage içinde
- Yalnızca dosya sisteminde
Açıklama: Redux tüm state'i tek bir store'da tutar.
2 Action type değerini yaz
{ type: '____/increment' }{ type: 'counter/increment' }Açıklama: counter yazılır; slice adıyla başlayan type kullanılır.
3 Parçayı rolüne eşle
| Kavram | Anlamı |
|---|---|
store |
State'i tutar |
action |
Değişiklik isteği |
reducer |
Yeni state döner |
dispatch |
Action'ı gönderir |