Öngörülebilir ve reaktif durum yönetimi
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…
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.
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.
Orta Seviye — Redux Toolkit, RTK Query ve RxJS tabanlı reaktif akışlarla öngörülebilir durum yönetimi
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.
Tek yönlü veri akışı ve saf reducer'larla durum değişimlerini izlenebilir, hata ayıklaması kolay ve öngörülebilir hale getirirsiniz.
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.
Redux Toolkit ve RTK Query ile az kodla güçlü, standartlaşmış ve bakımı kolay bir durum katmanı kurmayı öğrenirsiniz.
Eğitimden verim almak için önerilen bilgi ve geliştirme ortamı
Fonksiyonlar, dizi metotları, Promise ve async/await gibi modern JavaScript konularına hakimiyet beklenir.
Bileşen ve hook kavramlarına temel düzeyde aşinalık, React-Redux entegrasyonunu kavramayı kolaylaştırır.
Verinin değiştirilmeden kopyalanarak güncellenmesi fikrine aşinalık, reducer mantığını anlamada faydalı olur.
Node.js, bir kod editörü ve Redux DevTools uzantısı kurulu bir tarayıcı önerilir.
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.
Program sonunda katılımcılar:
Tek yönlü veri akışını, store, action ve reducer üçlüsünü kavrar, durumu merkezi ve öngörülebilir biçimde yönetirsiniz.
Saf reducer'lar ve değişmez güncellemeyle durum değişimlerini izlenebilir, hata ayıklaması kolay bir yapıda tutarsınız.
createSlice, configureStore ve Immer ile çok daha az kodla standart, bakımı kolay bir durum katmanı kurarsınız.
createAsyncThunk ve thunk ile API çağrılarını, yükleniyor ve hata durumlarını temiz biçimde yönetmeyi öğrenirsiniz.
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.
createApi ile sunucu durumunu önbellekli yönetir, otomatik yeniden getirme ve etiketle geçersiz kılma akışları kurarsınız.
reselect ve createSelector ile memoize selektörler yazar, türetilmiş veriyi verimli üretip gereksiz render'ı önlersiniz.
Reducer, thunk ve selektörleri test eder, durum katmanını büyüyen uygulamalarda ölçeklenebilir biçimde tasarlarsınız.
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.
İ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 →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 →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 →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 →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 →React olay işleme eğitimi: onClick, onChange, onSubmit, SyntheticEvent, preventDefault, stopPropagation ve klavye/fare olaylarıyla etkileşimli arayüzler.
Detayları Gör →