Model Online/Fiziksel
Süre
Modüller 4 modül

Eğitim Hakkında

Karmaşık iş kuralları ve yoğun veri etkileşimi barındıran React uygulamalarında öngörülebilir durum yönetimi (state management), uygulamanın bakım kolaylığı ve performansı için hayati önem taşır. Modern Redux Toolkit (RTK), geçmişteki kalıp kod (boilerplate) karmaşasını ortadan kaldırarak tip güvenli, sade ve güçlü bir standart sunmaktadır.

Bu eğitim; createSlice, Immer ile güvenli durum güncelleme, createEntityAdapter ile veri normalizasyonu, Reselect ile performans optimizasyonu ve RTK Query ile uçtan uca sunucu önbellekleme mimarisini uygulamalı olarak öğretir.

Kimler Katılmalı ve Ön Koşullar

  • Büyük ölçekli React uygulamalarında karmaşık durum yönetimi yapan frontend geliştiriciler
  • Eski (legacy) Redux kod tabanlarını modern Redux Toolkit ve RTK Query yapısına yükseltmek isteyen ekipler
  • Temel React (Hooks) ve TypeScript / JavaScript bilgisine sahip olunması gereklidir

Kazanımlar

  • Modern Redux Toolkit: configureStore ve createSlice ile minimum kod yazarak tip güvenli store mimarisi kurma
  • Performans ve Normalizasyon: createEntityAdapter ve memoize edilmiş createSelector ile gereksiz bileşen render'larını önleme
  • Asenkron Akışlar ve Middleware: createAsyncThunk ve createListenerMiddleware ile karmaşık yan etkileri yönetme
  • RTK Query ile Veri Katmanı: API isteklerini, önbellek geçersizleştirmeyi (Cache Invalidation) ve optimistic güncellemeleri otomatikleştirme

Konular

Durum Yönetimi Mimarisi ve Modern Redux Toolkit (RTK) Temelleri
  • Uygulamalarda durum türleri (Local UI, Global Client, Server Cache, URL State) ve ne zaman Redux kullanılmalı?
  • Tek yönlü veri akışı (Unidirectional Data Flow), Immutability ve Redux DevTools ile zaman yolculuğu (Time-Travel Debugging)
  • configureStore, createSlice, Immer entegrasyonu ve TypeScript ile useAppDispatch / useAppSelector kurulumu
State Normalizasyonu, Memoized Selector'lar ve Performans
  • İç içe (nested) veri yapılarının yarattığı güncelleme ve performans sorunları
  • createEntityAdapter ile ilişkisel verileri { ids, entities } formatında normalize etme ve CRUD seçicileri
  • Reselect (createSelector) ile türetilmiş verileri (Derived State) memoize etme ve gereksiz React re-render'larını engelleme
Asenkron İşlemler, Thunk ve Listener Middleware Mimarisi
  • Redux Middleware yaşam döngüsü ve özel (custom) loglama/analitik middleware yazımı
  • createAsyncThunk ile pending, fulfilled, rejected durumları, hata yönetimi ve istek iptali (AbortController)
  • createListenerMiddleware ile aksiyon/durum değişimlerine reaktif yan etkiler (Side Effects) bağlama
RTK Query ile Veri Çekme, Önbellekleme ve Test Stratejileri
  • createApi ve fetchBaseQuery ile merkezi API tanımı, otomatik oluşturulan React Hook'ları (useGet...Query, use...Mutation)
  • providesTags ve invalidatesTags ile otomatik önbellek geçersizleştirme ve onQueryStarted ile Optimistic Updates
  • Redux slice'larının, asenkron akışların ve bağlı bileşenlerin Vitest / Jest ve React Testing Library ile test edilmesi

Bu Kategorideki Diğer Eğitimler

  • TypeScript

    Strict tip sistemi, generics, utility types, discriminated unions ve tip güvenli API katmanlarıyla ölçeklenebilir ve hatasız TypeScript projeleri geliştirin.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele
  • React ve Next.js

    React 19, Server ve Client Components, Next.js App Router, SSR/SSG/ISR stratejileri, Server Actions ve önbellekleme mimarisiyle hızlı web uygulamaları geliştirin.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele
  • SPA (Single Page Applications) Kütüphaneleri

    Modern SPA mimarisi, istemci tarafı rotalama, TanStack Query ile sunucu durumu yönetimi, Vite yapılandırması ve paket optimizasyonu tekniklerinde uzmanlaşın.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele
  • Angular ile Kurumsal Frontend Geliştirme

    Standalone Components, Angular Signals, RxJS, Reactive Forms, modüler mimari ve değişim algılama optimizasyonlarıyla kurumsal Angular uygulamaları geliştirin.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele
  • Micro Frontend ve Monorepo Mimarisi

    Module Federation, Nx ve Turborepo ile monorepo yönetimi, paylaşımlı tasarım sistemleri ve bağımsız dağıtım boru hatlarıyla frontend projelerini ölçeklendirin.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele

Bizimle iletişime geçin