BUILD & INTEGRATE REACT APPLICATIONS WITH REDUX CAPABILITIES EĞİTİMİ

React'e Redux ile güçlü durum yönetimi

Redux Toolkit, slice, store, async thunk, RTK Query ve middleware ile ölçeklenebilir React

Build & Integrate React Applications with Redux Capabilities Eğitimi, React bilen geliştiricilere Redux ile ölçeklenebilir global durum yönetimini öğretir.

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

Eğitim Hakkında

Redux ilkelerinden Redux Toolkit'e, eşzamansız veriden mevcut uygulamaya entegrasyona kadar

Build & Integrate React Applications with Redux Capabilities Eğitimi, React bilen geliştiricilere Redux ile öngörülebilir ve ölçeklenebilir global durum yönetimini öğretir. Katılımcılar Redux temel ilkelerini kavrar; Redux Toolkit ile store, slice ve reducer'ları modern biçimde yazar. Program useSelector ve useDispatch ile bağlama, createAsyncThunk ile eşzamansız veri, RTK Query ile veri çekme, middleware ve Redux'ı mevcut React uygulamasına entegrasyonu kapsar.

Süre ve Format

3 Gün. Her gün dört modül; Redux ilkelerinden Redux Toolkit'e geçilerek mevcut bir React uygulamasına adım adım global durum yönetimi entegre edilir.

Seviye

Orta Seviye — React bilenlere Redux Toolkit ile ölçeklenebilir global durum yönetimini öğretir

Öğrenme Metodu

Mevcut bir React uygulamasına Redux canlı kodla entegre edilir; store, slice ve eşzamansız veri akışı gerçek senaryoyla eklenir.

Neden Bu Eğitim?

🎯Öngörülebilir durum

Redux tek yönlü veri akışı ve saf reducer'larla uygulama durumunu öngörülebilir kılar; karmaşık durumu merkezi ve izlenebilir yönetirsiniz.

🧰Modern Redux Toolkit

Redux Toolkit ile eski Redux'ın tekrar eden kod yükünü ortadan kaldırır, slice ve store'u az kodla ve güvenle yazarsınız.

🔌Kolay entegrasyon

Redux'ı mevcut React uygulamanıza adım adım entegre etmeyi öğrenir, büyüyen projelerde durum karmaşasını düzene sokarsınız.

Anahtar Konular

redux eğitimiredux toolkit eğitimireact redux kursureact durum yönetimirtk query eğitimicreateasyncthunkreact global stateredux entegrasyonureact redux eğitimifrontend state management
“Durum büyüdükçe düzen ister. Redux Toolkit, React uygulamanızın durumunu öngörülebilir ve ölçeklenebilir kılmanın modern yoludur.”

Ön Koşullar

Eğitimden en iyi verimi almak için faydalı olacak bilgi ve ortam

1
React bilgisi

Bileşen, props, state ve Hook kavramlarına aşinalık gerekir; eğitim durum yönetimine odaklanır, React temeli işlenmez.

2
JavaScript ve ES6

Saf fonksiyon, immutability, spread, async/await ve dizi metotları gibi modern JavaScript kavramlarını bilmek gerekir.

3
Node.js ortamı

Node.js ve npm kurulu, Vite veya Create React App ile proje çalıştırabilir bir geliştirme ortamı yeterlidir.

4
Redux DevTools

Tarayıcıda Redux DevTools eklentisi, durum ve eylem akışını izlemek için faydalı olacaktır.

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ı Redux'ın temel ilkelerini kavrar, Redux Toolkit ile store ve slice oluşturur, Provider ile uygulamaya bağlar ve useSelector ile useDispatch kullanır.
Modül 1
Redux Temel İlkeleri
  • Tek kaynak doğruluğu ve merkezi store
  • Durumun salt okunur olması ilkesi
  • Değişimin yalnızca action ile olması
  • Saf reducer fonksiyonlarının rolü
  • Tek yönlü veri akışının kavranması
  • Redux'ın ne zaman gerekli olduğunu değerlendirme
Modül 2
Redux Toolkit ve Store
  • Redux Toolkit'in çözdüğü boilerplate sorunu
  • configureStore ile store oluşturma
  • Varsayılan middleware ve DevTools entegrasyonu
  • Store yapısını mantıksal olarak bölme
  • Tek store ilkesinin kavranması
  • Store'u uygulamaya tanıtma hazırlığı
Modül 3
Slice ve Reducer
  • createSlice ile reducer ve action üretme
  • Immer sayesinde doğrudan güncelleme yazımı
  • Action creator'ların otomatik oluşması
  • Başlangıç durumunu doğru tanımlama
  • Birden çok slice ile durumu bölme
  • Reducer'ları tek store'da birleştirme
Modül 4
React'e Bağlama Hook'ları
  • Provider ile store'u uygulamaya sağlama
  • useSelector ile durumdan veri okuma
  • useDispatch ile action gönderme
  • Seçici fonksiyonlarla veri türetme
  • Gereksiz render'ı önleyen seçim yazımı
  • Bileşeni store'a doğru biçimde bağlama
Günün hedefiKatılımcı createAsyncThunk ile eşzamansız veri akışını kurar, yükleniyor ve hata durumlarını yönetir, RTK Query ile veri çeker ve middleware mantığını kavrar.
Modül 1
createAsyncThunk ile Eşzamansız Akış
  • Eşzamansız işlemi thunk olarak tanımlama
  • pending, fulfilled ve rejected durumları
  • extraReducers ile asenkron durum yönetimi
  • API çağrısını thunk içinde yapma
  • Yükleniyor ve hata state'ini güncelleme
  • Thunk'a parametre geçirme ve kullanma
Modül 2
Yükleme ve Hata Yönetimi
  • status alanı ile yükleme durumunu izleme
  • Hata mesajını store'da saklama
  • Arayüzde yükleniyor göstergesi gösterme
  • Hata durumunda kullanıcıya geri bildirim
  • Yeniden deneme ve iptal mantığı
  • Veri tazeleme ve yeniden çekme
Modül 3
RTK Query ile Veri Çekme
  • RTK Query'nin amaç ve avantajları
  • createApi ile uç nokta tanımlama
  • Otomatik üretilen Hook'larla veri çekme
  • Önbellekleme ve otomatik yeniden getirme
  • Mutasyon ile veri gönderme ve güncelleme
  • Etiketlerle önbelleği geçersiz kılma
Modül 4
Middleware ve İleri Konular
  • Middleware'in action akışındaki rolü
  • Logger middleware ile eylemleri izleme
  • Özel middleware yazmaya kısa giriş
  • Yan etkileri middleware ile yönetme
  • Redux DevTools ile zaman yolculuğu
  • Serileştirilebilir olmayan değer uyarıları
Günün hedefiKatılımcı Redux'ı mevcut React uygulamasına entegre eder, özellik bazlı klasör yapısı kurar, performansı iyileştirir ve ölçeklenebilir durum mimarisi tasarlar.
Modül 1
Mevcut Uygulamaya Entegrasyon
  • Redux'ı adım adım mevcut projeye ekleme
  • Hangi durumun global olması gerektiğine karar
  • Yerel state ile global state dengesini kurma
  • Mevcut bileşenleri store'a bağlama
  • Prop drilling'i Redux ile sadeleştirme
  • Context ve Redux arasında doğru tercih
Modül 2
Özellik Bazlı Yapı
  • Feature klasör yapısı ile ölçeklenme
  • Slice'ları özelliklere göre düzenleme
  • Seçicileri ayrı dosyada toplama
  • Yeniden kullanılabilir seçici yazımı
  • Store yapısını sürdürülebilir kılma
  • Ducks deseni ile slice düzeni kurma
Modül 3
Performans ve Seçiciler
  • useSelector ile gereksiz render'ı önleme
  • Memolu seçicilerle reselect yaklaşımı
  • Normalleştirilmiş durum tasarımı
  • Büyük listelerde durum performansı
  • Seçim granülerliğini doğru ayarlama
  • Durum şeklini düz ve sade tutma
Modül 4
Kalıcılık, Test ve Yayın
  • redux-persist ile durumu kalıcı kılma
  • Slice ve reducer'ları birim test etme
  • Bağlı bileşeni test ortamında render etme
  • Thunk ve asenkron akışı test etme
  • Üretim için uygulamayı derleme
  • Entegrasyon sonrası uygulamayı yayınlama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Redux ilkeleri

Tek store, salt okunur durum ve saf reducer ilkeleriyle öngörülebilir, tek yönlü veri akışını kavrarsınız.

✅
Redux Toolkit

configureStore, createSlice ve Immer ile modern Redux'ı az kodla, güvenle ve okunabilir biçimde yazarsınız.

✅
React bağlama

Provider, useSelector ve useDispatch ile bileşenleri store'a bağlar ve durumu verimli biçimde okursunuz.

✅
Eşzamansız veri

createAsyncThunk ile API çağrılarını yönetir, yükleniyor ve hata durumlarını store üzerinden izlersiniz.

✅
RTK Query

RTK Query ile veri çekme, önbellekleme ve mutasyonu otomatik üretilen Hook'larla sade biçimde yönetirsiniz.

✅
Middleware

Middleware'in rolünü kavrar, logger ve özel middleware ile action akışına güvenle müdahale edebilirsiniz.

✅
Entegrasyon

Redux'ı mevcut React uygulamasına adım adım entegre eder, yerel ve global durum dengesini doğru kurarsınız.

✅
Ölçeklenebilir yapı

Özellik bazlı klasör yapısı ve memolu seçicilerle performanslı, sürdürülebilir durum mimarisi tasarlarsınız.

Kimler İçin Uygundur?

  • React ile uygulama geliştiren ve büyüyen projelerinde öngörülebilir
  • merkezi global durum yönetimine ihtiyaç duyan ön yüz geliştiricileri
  • Redux'ı mevcut uygulamalarına entegre etmek isteyen yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
React ile uygulama geliştiren ve büyüyen projelerinde öngörülebilir, merkezi durum yönetimine ihtiyaç duyan ön yüz geliştiricileri ile Redux'ı mevcut uygulamalarına entegre etmek isteyen yazılımcılar için uygundur. Bileşen, props, state ve Hook bilgisi ön koşuldur; React temelleri işlenmez.
Eski Redux mı yoksa Redux Toolkit mi öğretiliyor?
Eğitim modern ve önerilen yaklaşım olan Redux Toolkit'i temel alır. Önce Redux'ın temel ilkeleri kavramsal olarak anlatılır, ardından configureStore, createSlice ve Immer ile az kodlu modern Redux yazımı uygulanır. Böylece hem Redux'ın mantığını hem de güncel pratiğini öğrenirsiniz.
Context API varken Redux'a neden ihtiyaç var?
Context API orta ölçekli, az değişen global durum için yeterlidir; Redux ise sık güncellenen, karmaşık ve büyük durumlarda öngörülebilirlik, DevTools ile izlenebilirlik, middleware ve RTK Query gibi güçlü yetenekler sunar. Eğitim bu ayrımı net biçimde ve örneklerle açıklar.
Redux'ı mevcut projeme nasıl entegre ederim?
Eğitimin son günü tam olarak bunu ele alır. Hangi durumun global olması gerektiğine karar verme, yerel ve global durum dengesi, mevcut bileşenleri store'a bağlama ve özellik bazlı klasör yapısı adım adım gösterilir. Böylece Redux'ı sıfırdan değil, yaşayan bir projeye ekleyebilirsiniz.
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 Redux entegre edilen örnek uygulamayı belgeler. Eğitim yüz yüze veya online olarak verilebilir ve kurumsal gruplara özel olarak uyarlanabilir.

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. Build & Integrate React Applications with Redux Capabilities Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 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

ReactReact Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React Eğitimi

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

React eğitimi: JSX, bileşen, props, useState, useEffect, useContext, React Router ve API entegrasyonu ile modern web arayüzü geliştirme.

Detayları Gör →
ReactReact Giriş Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React Giriş Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

React giriş eğitimi: bileşen, JSX, props, useState ve olaylarla iki günde React'e sıfırdan uygulamalı ve hızlı başlangıç yapın.

Detayları Gör →
ReactReact Hooks ve Context API Kullanımı Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React Hooks ve Context API Kullanımı Eğitimi

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

useState, useEffect, useReducer, useContext ve özel Hook'larla modern React durum yönetimini ve Context API ile global durumu öğreten uygulamalı eğitim.

Detayları Gör →
ReactReact ile Modern Front-End Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React ile Modern Front-End Geliştirme Eğitimi

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

JSX, Hook'lar, React Router, veri çekme ve Vite ile üretime hazır modern, bileşen tabanlı ön yüz uygulamaları geliştirmeyi öğreten uygulamalı React eğitimi.

Detayları Gör →
ReactTest-Driven Development (TDD) Using React.js and ES Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Test-Driven Development (TDD) Using React.js and ES Eğitimi

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

Jest, React Testing Library ve kırmızı-yeşil-refactor döngüsüyle React ve modern ES'te test odaklı geliştirmeyi öğreten uygulamalı TDD eğitimi.

Detayları Gör →
ReactTypeScript Kullanarak React'e Giriş Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

TypeScript Kullanarak React'e Giriş Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

TypeScript temelleri, tiplenmiş props ve state, Hook tipleri ve olay tipleriyle tip güvenli React geliştirmeye giriş yaptıran uygulamalı başlangıç eğitimi.

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