REACTIVE PROGRAMMING USING REDUX EĞİTİMİ

Öngörülebilir ve reaktif durum yönetimi

Redux Toolkit, RTK Query ve RxJS reaktif akışlarıyla ölçeklenebilir uygulama durumunu yönetin

Reactive Programming Using Redux Eğitimi, uygulama durumunu öngörülebilir ve reaktif biçimde yönetmeyi öğretir. Program tek yönlü veri akışı, saf reducer ve değişmezlikle başlar; Redux Toolkit ile createSlice ve createAsyncThunk, middleware, redux-saga ve RxJ…

4 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Flux mantığından Redux Toolkit'e, reaktif akışlardan RTK Query'ye kadar kapsamlı durum yönetimi

Reactive Programming Using Redux Eğitimi, uygulama durumunu öngörülebilir ve reaktif biçimde yönetmeyi öğretir. Katılımcılar tek yönlü veri akışını, saf reducer'ları ve değişmezliği kavrar; Redux Toolkit ile createSlice, createAsyncThunk ve store yapılandırmasını uygular. Middleware, redux-thunk, redux-saga ve RxJS tabanlı redux-observable ile asenkron ve reaktif akışlar, RTK Query ile sunucu durumu, memoize edilmiş selektörler ve React entegrasyonu işlenir.

Süre ve Format

4 Gün. Her gün dört modül; Redux temellerinden Redux Toolkit'e, reaktif middleware'lerden RTK Query ve test ile üretime uygulamalı olarak ilerlenir.

Seviye

Orta Seviye — Redux Toolkit, RTK Query ve RxJS tabanlı reaktif akışlarla öngörülebilir durum yönetimi

Öğrenme Metodu

Her modülde kavram anlatımının ardından örnek bir uygulamanın durumu adım adım kurulur; aksiyon ve akışlar DevTools üzerinden izlenir.

Neden Bu Eğitim?

🔮Öngörülebilirlik

Tek yönlü veri akışı ve saf reducer'larla durum değişimlerini izlenebilir, hata ayıklaması kolay ve öngörülebilir hale getirirsiniz.

🌊Reaktif akışlar

RxJS ve redux-observable ile olay akışlarını reaktif operatörlerle dönüştürüp karmaşık asenkron senaryoları sade biçimde yönetirsiniz.

🧰Modern araçlar

Redux Toolkit ve RTK Query ile az kodla güçlü, standartlaşmış ve bakımı kolay bir durum katmanı kurmayı öğrenirsiniz.

Anahtar Konular

redux eğitimiredux toolkit eğitimireactive programming eğitimirtk query eğitimireact redux kursurxjs eğitimidurum yönetimi eğitimiredux saga eğitimijavascript state managementredux dersleri
“Durumu öngörülebilir kılmak karmaşıklığı yenmenin ilk adımıdır; her değişimi bir aksiyon olarak görmek, uygulamanın hikayesini okunabilir yapar.”

Ön Koşullar

Eğitimden verim almak için önerilen bilgi ve geliştirme ortamı

1
JavaScript bilgisi

Fonksiyonlar, dizi metotları, Promise ve async/await gibi modern JavaScript konularına hakimiyet beklenir.

2
React temeli

Bileşen ve hook kavramlarına temel düzeyde aşinalık, React-Redux entegrasyonunu kavramayı kolaylaştırır.

3
Değişmezlik kavramı

Verinin değiştirilmeden kopyalanarak güncellenmesi fikrine aşinalık, reducer mantığını anlamada faydalı olur.

4
Geliştirme ortamı

Node.js, bir kod editörü ve Redux DevTools uzantısı kurulu bir tarayıcı önerilir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı tek yönlü veri akışını kavrar, store, action ve reducer üçlüsünü anlar, saf fonksiyonlarla durumu değişmez biçimde günceller.
Modül 1
Neden Durum Yönetimi
  • Paylaşılan durumun yarattığı karmaşıklık
  • Flux deseni ve tek yönlü veri akışı
  • Tek kaynak (single source of truth) ilkesi
  • Prop drilling ve dağınık durum sorunu
  • Redux'ın çözdüğü temel problemler
  • Ne zaman Redux'a ihtiyaç duyulur
Modül 2
Store, Action ve Reducer
  • Store'un uygulama durumunu tutması
  • Action nesnesi ve type alanının rolü
  • Action creator ile aksiyon üretme
  • Reducer'ın state ve action'dan yeni state üretmesi
  • dispatch ile store'a aksiyon gönderme
  • getState ve subscribe mekanizması
Modül 3
Saf Reducer ve Değişmezlik
  • Saf fonksiyon ve yan etkisizlik
  • State'i doğrudan değiştirmeme kuralı
  • Spread ile değişmez güncelleme
  • İç içe nesneleri değişmez güncelleme
  • switch ile action türüne göre dallanma
  • Reducer'ları combineReducers ile birleştirme
Modül 4
Redux DevTools ile Hata Ayıklama
  • Aksiyon geçmişinin adım adım izlenmesi
  • Durum ağacının detaylı incelenmesi
  • Zaman yolculuğu ile hata ayıklama
  • Aksiyon farklarının (diff) görüntülenmesi
  • Durumun dışa ve içe aktarılması
  • Aksiyonların yeniden oynatılması
Günün hedefiKatılımcı Redux Toolkit ile store'u yapılandırır, createSlice ile reducer ve aksiyonları üretir, createAsyncThunk ile asenkron akışları yönetir.
Modül 1
Redux Toolkit'e Giriş
  • Klasik Redux'ın tekrar eden kod sorunu
  • configureStore ile store kurulumu
  • Varsayılan middleware ve DevTools entegrasyonu
  • Toolkit'in sağladığı standart yapı
  • Proje klasör ve slice organizasyonu
  • RTK ile tipik bir akışın sadeleşmesi
Modül 2
createSlice ile Slice Tasarımı
  • createSlice ile reducer ve aksiyon üretimi
  • Immer ile 'değiştiriyormuş gibi' güncelleme
  • Otomatik üretilen action creator'lar
  • initialState ve reducer tanımları
  • extraReducers ile dış aksiyonlara yanıt
  • prepare ile action payload hazırlama
Modül 3
Asenkron Akış ve Thunk
  • createAsyncThunk ile asenkron aksiyon
  • pending, fulfilled, rejected durumları
  • Yükleniyor ve hata durumunun slice'ta tutulması
  • API çağrısı sonucunun store'a yazılması
  • Thunk içinde getState ile koşullu akış
  • Hata yönetimi ve rejectWithValue
Modül 4
Entity Adapter ve Normalizasyon
  • createEntityAdapter ile koleksiyon yönetimi
  • Normalizasyon ile veriyi id'ye göre saklama
  • Hazır ekle, güncelle, sil işlemleri
  • selectAll ve selectById selektörleri
  • İlişkisel veriyi düzleştirip saklama
  • Normalizasyonun performansa katkısı
Günün hedefiKatılımcı middleware mantığını kavrar, saga ve RxJS tabanlı redux-observable ile reaktif akışlar kurar, RTK Query ile sunucu durumunu yönetir.
Modül 1
Middleware Mekanizması
  • Middleware'in dispatch zincirindeki yeri
  • redux-thunk ile fonksiyon aksiyon
  • Loglama ve yetki middleware'i yazma
  • Yan etkilerin middleware'e taşınması
  • next ve store API'sinin kullanımı
  • Middleware sıralamasının etkisi
Modül 2
redux-saga ile Yan Etki
  • Generator fonksiyonlarla saga mantığı
  • takeEvery ve takeLatest ile aksiyon dinleme
  • call, put ve select efektlerinin kullanımı
  • Eş zamanlı ve sıralı akış kontrolü
  • İptal (cancel) ve yarış durumları
  • Saga ile karmaşık iş akışlarının kurulması
Modül 3
RxJS ve redux-observable
  • Observable ve olay akışı kavramı
  • Epic ile aksiyon akışını dönüştürme
  • map, switchMap, debounceTime operatörleri
  • Arama kutusu için debounce akışı
  • mergeMap ile eş zamanlı istekler
  • Reaktif iptal ve yeniden deneme
Modül 4
RTK Query ile Sunucu Durumu
  • createApi ile endpoint tanımlama
  • query ve mutation endpoint ayrımı
  • Otomatik önbellek ve yeniden getirme
  • Önbellek etiketi (tag) ile geçersiz kılma
  • useQuery ve useMutation hook'ları
  • Yükleniyor ve hata durumlarının yönetimi
Günün hedefiKatılımcı store'u React'e bağlar, memoize selektörlerle performansı korur, durum katmanını test eder ve üretim için yapılandırır.
Modül 1
React-Redux Entegrasyonu
  • Provider ile store'u uygulamaya sağlama
  • useSelector ile store durumunu okuma
  • useDispatch ile aksiyon gönderme
  • Bileşenin yalnızca ilgili dilime abone olması
  • Tipli hook'larla (TypeScript) kullanım
  • Container ve sunum bileşeni ayrımı
Modül 2
Selektörler ve Memoization
  • Selektör fonksiyonuyla durumu türetme
  • reselect ile memoize edilmiş selektör
  • createSelector ile hesabı önbellekleme
  • Parametre alan selektör tasarımı
  • Gereksiz yeniden render'ı önleme
  • Selektörleri slice yanında konumlandırma
Modül 3
Performans ve Durum Tasarımı
  • Durum şeklini (state shape) sade tutma
  • Türetilmiş veriyi store'da tutmama
  • Seçici aboneliklerle render azaltma
  • Büyük listelerde normalizasyon etkisi
  • Gereksiz dispatch'lerden kaçınma
  • Durum katmanının güvenle ölçeklenmesi
Modül 4
Test ve Üretim Yapılandırması
  • Saf reducer'ların birim testleri
  • Thunk ve asenkron akışların testi
  • Selektörlerin ayrı ayrı test edilmesi
  • Store ile bileşen entegrasyon testi
  • Üretim için store yapılandırması
  • Hata izleme ve durum günlükleme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Veri akışı

Tek yönlü veri akışını, store, action ve reducer üçlüsünü kavrar, durumu merkezi ve öngörülebilir biçimde yönetirsiniz.

✅
Değişmezlik

Saf reducer'lar ve değişmez güncellemeyle durum değişimlerini izlenebilir, hata ayıklaması kolay bir yapıda tutarsınız.

✅
Redux Toolkit

createSlice, configureStore ve Immer ile çok daha az kodla standart, bakımı kolay bir durum katmanı kurarsınız.

✅
Asenkron akış

createAsyncThunk ve thunk ile API çağrılarını, yükleniyor ve hata durumlarını temiz biçimde yönetmeyi öğrenirsiniz.

✅
Reaktif akışlar

RxJS ve redux-observable ile olay akışlarını operatörlerle dönüştürür, debounce ve iptal gibi senaryoları reaktif kurarsınız.

✅
RTK Query

createApi ile sunucu durumunu önbellekli yönetir, otomatik yeniden getirme ve etiketle geçersiz kılma akışları kurarsınız.

✅
Selektörler

reselect ve createSelector ile memoize selektörler yazar, türetilmiş veriyi verimli üretip gereksiz render'ı önlersiniz.

✅
Test ve ölçekleme

Reducer, thunk ve selektörleri test eder, durum katmanını büyüyen uygulamalarda ölçeklenebilir biçimde tasarlarsınız.

Kimler İçin Uygundur?

  • React veya başka bir arayüz kütüphanesiyle çalışan
  • büyüyen uygulamalarda durumu merkezi
  • öngörülebilir biçimde yönetmek isteyen geliştiriciler ve reaktif programlama kavramlarını öğrenmek isteyenler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
React veya başka bir arayüz kütüphanesiyle çalışan, büyüyen uygulamalarda durumu merkezi ve öngörülebilir yönetmek isteyen geliştiriciler ve reaktif programlama kavramlarını öğrenmek isteyenler için uygundur. Modern JavaScript ve temel React bilgisi beklenir; ileri düzey Redux deneyimi gerekmez.
Klasik Redux mı yoksa Redux Toolkit mi öğretiliyor?
Eğitim önce klasik Redux'ın temel kavramlarını (store, action, reducer, değişmezlik) kavratır, çünkü bu temel akışı anlamak önemlidir. Ardından günümüzde önerilen yaklaşım olan Redux Toolkit'e geçilir; createSlice, configureStore, createAsyncThunk ve RTK Query ile modern, az kodlu kullanım uygulamalı işlenir.
Reaktif programlama kısmında ne öğreniliyor?
Reaktif bölümünde RxJS temel kavramları ve redux-observable ile olay akışlarının reaktif operatörlerle dönüştürülmesi işlenir. map, switchMap, debounceTime ve mergeMap gibi operatörlerle arama debounce'u, eş zamanlı istekler ve iptal senaryoları kurulur. redux-saga ile generator tabanlı yan etki yönetimi de karşılaştırmalı olarak ele alınır.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. Redux temellerinden Toolkit'e, reaktif middleware'lerden RTK Query, test ve üretime uygulamalı ilerler. Yüz yüze veya online yapılabilir; örnek bir uygulamanın durumu adım adım kurulur ve içerik kurumun teknoloji yığınına göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve uygulama boyunca kurulan durum katmanını belgeler; kurumsal gruplara eğitim, mevcut proje ve durum yönetimi ihtiyaçlarına göre özelleştirilerek verilebilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Reactive Programming Using Redux Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
KonuReact
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

ReactBuild Apps Using React: Advanced Features in React Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Advanced Features in React Eğitimi

5 günİleriOnline / Yüz Yüze / Hibrit

İleri React eğitimi: useReducer, Context, useMemo/useCallback, React.memo, Suspense, hata sınırları ve durum yönetimiyle ileri seviye React geliştirme.

Detayları Gör →
ReactBuild Apps Using React: In Development & Production Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: In Development & Production Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

React geliştirme ve üretim eğitimi: Vite/webpack build, kod bölme, bundle optimizasyonu, Core Web Vitals, Vercel/Netlify yayın ve GitHub Actions CI/CD.

Detayları Gör →
ReactBuild Apps Using React: Introducing React for Web Applications Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Introducing React for Web Applications Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

React'e giriş eğitimi: Virtual DOM, JSX, bileşen, props, state, olaylar ve useEffect ile sıfırdan modern web uygulaması geliştirmeyi öğrenin.

Detayları Gör →
ReactBuild Apps Using React: Local Machine & Online Playgrounds Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Local Machine & Online Playgrounds Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

React için yerel ortam kurulumu ve online playground eğitimi: Node, npm, VS Code, Vite, Create React App, CodeSandbox ve StackBlitz ile geliştirme.

Detayları Gör →
ReactBuild Apps Using React: Props & State Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Props & State Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

React props ve state eğitimi: props ile veri aktarımı, useState ile durum yönetimi, tek yönlü veri akışı, state lifting ve kontrollü formlar.

Detayları Gör →
ReactBuild Apps Using React: Working with Events Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Working with Events Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

React olay işleme eğitimi: onClick, onChange, onSubmit, SyntheticEvent, preventDefault, stopPropagation ve klavye/fare olaylarıyla etkileşimli arayüzler.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn