GELİŞMİŞ REACT EĞİTİMİ

React becerinizi bir üst seviyeye taşıyın

Hook ustalığından custom hook'lara, context'ten TypeScript ve teste sağlam React geliştirme

Gelişmiş React Eğitimi, temel React bilgisini profesyonel bir seviyeye taşımayı hedefler. Program hook'larda ustalaşma, state desenleri ve hook kurallarıyla başlar; custom hook ile mantık paylaşımı, context API, performans temelleri, TanStack Query ile veri y…

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

Eğitim Hakkında

Hook ustalığından context'e, TypeScript'ten teste orta-ileri React becerileri

Gelişmiş React Eğitimi, temel React bilgisini sağlam ve profesyonel bir seviyeye taşımayı hedefler. Katılımcılar hook'larda ustalaşır, custom hook ile mantığı yeniden kullanır ve context API ile durumu paylaşır. Performans temelleri, TanStack Query ile veri yönetimi, TypeScript ile tip güvenli bileşenler ve React Testing Library ile test işlenir. Program tasarım desenleri ve en iyi pratiklerle gerçekçi bir uygulama üzerinde tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; temel React bilgisi üzerine dört gün boyunca hook ustalığı, context, TypeScript ve test katmanları eklenir.

Seviye

Orta Seviye — React'te hook ustalığı, custom hook, context, TypeScript ve test ile sağlam uygulama geliştirme

Öğrenme Metodu

Her modülde bir konu canlı kodlanıp küçük alıştırmalarla pekiştirilir; kavramlar büyüyen bir örnek uygulamada birleştirilir.

Neden Bu Eğitim?

🪝Hook ustalığı

Hook'ları kurallarıyla derinlemesine öğrenir, custom hook ile tekrar eden mantığı temiz biçimde yeniden kullanırsınız.

🧩Temiz mimari

Context, kompozisyon ve tasarım desenleriyle bileşenleri düzenler, büyüyen projede okunabilir bir yapı kurarsınız.

🛡️Güvenli kod

TypeScript ve testlerle hataları erken yakalar, değişiklikten korkmadan geliştirilebilen sağlam bir kod tabanı oluşturursunuz.

Anahtar Konular

gelişmiş react eğitimireact custom hook eğitimireact context apireact typescript eğitimireact test eğitimireact orta seviye kursreact hook eğitimitanstack query eğitimireact en iyi pratiklerreact kursu
“İleri React, daha çok özellik bilmek değil; aynı işi daha temiz, güvenli ve yeniden kullanılabilir biçimde yapabilmektir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve kurulum

1
Temel React

Bileşen, JSX, props ve useState ile basit arayüzler geliştirmiş olmak gerekir; eğitim bu temel üzerine kuruludur.

2
JavaScript bilgisi

Modern JavaScript, dizi metotları, destructuring ve asenkron yapıya hakimiyet ileri konularda önemlidir.

3
Hook aşinalığı

useState ve useEffect'i kullanmış olmak, hook ustalığı modüllerini takip etmeyi kolaylaştırır.

4
Geliştirme ortamı

Node.js, npm ve bir kod editörü kurulu, örnek React projesinin çalıştırılabilir olması gerekir.

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ı state güncelleme desenlerini, useEffect bağımlılıklarını ve temizleme mantığını, useRef ve useReducer kullanımını derinleştirerek hook kurallarını güvenle uygular.
Modül 1
State Güncelleme Desenleri
  • Fonksiyonel güncelleme ile güvenli artırım
  • Nesne ve dizi state'in değişmez güncellenmesi
  • Türetilmiş değerin state'te tutulmaması
  • State'in yukarı taşınması (lifting)
  • Birden çok state yerine tek nesne dengesi
  • Başlangıç değerinin lazy ilklenmesi
Modül 2
useEffect Derinleşme
  • Bağımlılık dizisinin doğru belirlenmesi
  • Temizleme fonksiyonuyla abonelik yönetimi
  • Gereksiz etkilerin ve döngülerin önlenmesi
  • Veri çekmede yarış durumunun ele alınması
  • Effect yerine olay yöneticisi tercihi
  • Effect bağımlılıklarında referans sorunu
Modül 3
useRef ve useReducer
  • useRef ile render dışı değer saklama
  • Önceki değerin ref ile hatırlanması
  • useReducer ile karmaşık state yönetimi
  • Action ve reducer yapısının tasarımı
  • useState ve useReducer seçim kriteri
  • DOM erişimi için ref kullanımı
Modül 4
Hook Kuralları ve Tuzaklar
  • Hook'ların koşulsuz ve üst düzeyde çağrılması
  • Bayat kapatma (stale closure) sorunu
  • ESLint hook kurallarının önemi
  • Sonsuz render döngüsünün önlenmesi
  • Hook çağrı sıralamasının korunması
  • Yaygın hook hatalarının giderilmesi
Günün hedefiKatılımcı tekrar eden mantığı custom hook'a taşır, context API ile durumu paylaşır, prop drilling'i giderir ve bileşen kompozisyonuyla temiz bir yapı kurar.
Modül 1
Custom Hook Yazımı
  • Tekrar eden mantığın custom hook'a çıkarılması
  • useFetch benzeri veri çekme hook'u
  • useLocalStorage ile kalıcı durum hook'u
  • useDebounce ile gecikmeli değer hook'u
  • Custom hook'ların birleştirilmesi
  • Hook'un yeniden kullanılabilir tasarımı
Modül 2
Context API Kullanımı
  • createContext ve Provider ile durum paylaşımı
  • useContext ile context değerine erişim
  • Tema ve dil gibi global ayarların yönetimi
  • Oturum bilgisinin context ile paylaşımı
  • Context değerinin güncellenmesi
  • Context ve custom hook birlikteliği
Modül 3
Prop Drilling ve Kompozisyon
  • Prop drilling probleminin tanınması
  • children ile bileşen kompozisyonu
  • Bileşen slot'larıyla esnek yerleşim
  • Context ve kompozisyon arasında seçim
  • Sorumlulukların bileşenlere dağıtılması
  • Gereksiz soyutlamadan bilinçli kaçınma
Modül 4
Kod Organizasyonu
  • Özellik (feature) bazlı klasör yapısı
  • Bileşen, hook ve yardımcıların ayrımı
  • Yeniden kullanılabilir UI bileşen kütüphanesi
  • Barrel export ve içe aktarım düzeni
  • Adlandırma ve dosya düzeni standardı
  • Sorumluluk sınırlarının netleştirilmesi
Günün hedefiKatılımcı memo, useMemo ve useCallback'i temel düzeyde doğru kullanır, lazy loading ile kod böler ve TanStack Query ile sunucu durumunu önbellekle yönetir.
Modül 1
Render Performansı Temelleri
  • Gereksiz render'ların tanınması
  • React.memo ile props bazlı render engeli
  • useMemo ile pahalı hesaplamanın saklanması
  • useCallback ile fonksiyon referansı sabiti
  • Aşırı memoization kullanımından kaçınma
  • Profiler ile basit performans ölçümü
Modül 2
Kod Bölme ve Lazy
  • React.lazy ile bileşenin tembel yüklenmesi
  • Suspense ile yükleme arayüzü gösterimi
  • Rota bazlı kod bölme stratejisi
  • Başlangıç paket boyutunun küçültülmesi
  • Dinamik import ile modül yükleme
  • Yükleme sınırlarının belirlenmesi
Modül 3
TanStack Query ile Veri
  • useQuery ile veri çekme ve önbellek
  • Yükleme, hata ve boş durum yönetimi
  • useMutation ile veri değiştirme
  • Önbellek geçersizleştirme (invalidation)
  • Arka planda yeniden çekme (refetch)
  • Sunucu ve istemci durumu ayrımı
Modül 4
Form ve Doğrulama
  • Controlled form ve state yönetimi
  • React Hook Form ile performanslı form
  • Zod ile şema tabanlı doğrulama
  • Hata mesajlarının kullanıcıya gösterimi
  • Gönderim ve yükleniyor durumu yönetimi
  • Dinamik alanların eklenip yönetilmesi
Günün hedefiKatılımcı bileşen ve hook'ları TypeScript ile tiplendirir, React Testing Library ile test yazar, hata sınırı kurar ve en iyi pratiklerle gerçekçi bir uygulama tamamlar.
Modül 1
TypeScript ile React
  • Props ve state tiplerinin tanımlanması
  • Olay (event) tiplerinin doğru kullanımı
  • Generic bileşen ve hook tipleme
  • useState ve useRef tip çıkarımı
  • Discriminated union ile durum modelleme
  • Tip güvenli context yapısının tasarımı
Modül 2
Bileşen Testi ve RTL
  • React Testing Library ile bileşen render'ı
  • Kullanıcı davranışına göre sorgulama
  • userEvent ile etkileşim senaryoları
  • Asenkron sonuçların beklenmesi (findBy)
  • Mock ile API bağımlılığının izole edilmesi
  • Erişilebilirlik odaklı test yazımı
Modül 3
Hata Yönetimi ve Sınırları
  • Error boundary ile hata yakalama
  • Kullanıcıya zarif hata arayüzü sunma
  • Yükleme ve hata durumlarının yönetimi
  • Hata raporlama yaklaşımının kurulması
  • Beklenmeyen durumların ele alınması
  • Kurtarma ve yeniden deneme akışı
Modül 4
Tasarım Desenleri ve Proje
  • Compound component ile esnek API
  • Render props ve custom hook deseni seçimi
  • Konteyner ve sunum bileşeni ayrımı
  • Kod incelemesi ve en iyi pratikler
  • Gerçekçi uygulamanın birleştirilmesi
  • İyileştirme önerilerinin uygulanması

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Hook ustalığı

State desenlerini, useEffect bağımlılıklarını ve hook kurallarını güvenle uygular, yaygın tuzaklardan kaçınırsınız.

✅
Custom hook

Tekrar eden mantığı custom hook'a taşır, useFetch ve useDebounce gibi yeniden kullanılabilir hook'lar yazarsınız.

✅
Context API

createContext ve useContext ile durumu paylaşır, prop drilling'i giderir ve global ayarları temiz biçimde yönetirsiniz.

✅
Performans temelleri

memo, useMemo ve useCallback'i yerinde kullanır, lazy loading ile kod bölerek uygulamayı daha hızlı çalıştırırsınız.

✅
Veri yönetimi

TanStack Query ile sunucu durumunu önbellekle yönetir, mutation ve geçersizleştirme akışını kurabilirsiniz.

✅
TypeScript ile React

Bileşen, props ve hook'ları tiplendirir, generic ve union kullanımıyla tip güvenli bir kod tabanı oluşturursunuz.

✅
Test yazımı

React Testing Library ile kullanıcı davranışına dayalı testler yazar, bileşenleri güvenle yeniden düzenleyebilirsiniz.

✅
Tasarım desenleri

Compound component, render props ve kompozisyon desenleriyle temiz, okunabilir ve sürdürülebilir kod yazarsınız.

Kimler İçin Uygundur?

  • Temel React bilgisine sahip
  • bileşen ve state kavramlarını bilen ancak custom hook
  • context
  • TypeScript
  • test gibi konularda derinleşerek profesyonelleşmek isteyen ön yüz geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Temel React bilgisine sahip, bileşen ve state kavramlarını bilen ancak custom hook, context, TypeScript ve test gibi konularda derinleşerek profesyonelleşmek isteyen ön yüz geliştiricileri için uygundur. Bileşen, JSX, props ve useState ile basit arayüz geliştirmiş olmak beklenir.
Bu eğitim ile İleri React performans eğitimi arasındaki fark nedir?
Bu eğitim orta seviyededir ve temel bilgiyi sağlam profesyonel beceriye taşır: custom hook, context, TypeScript ve test üzerine kuruludur. İleri performans eğitimi ise render modeli, reconciliation, concurrent özellikler ve derin optimizasyona odaklanır. Bu eğitim, ileri eğitim için iyi bir hazırlıktır.
TypeScript bilmiyorum, eğitimi takip edebilir miyim?
Evet, TypeScript modülü temelden başlar ve React bağlamında props, state ve hook tipleme üzerinden ilerler. Önceden TypeScript deneyimi faydalı olsa da zorunlu değildir; modern JavaScript bilgisi bu modülü takip etmek için yeterlidir.
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. Temel React bilgisi üzerine hook ustalığı, context, performans, TypeScript ve test katmanları adım adım eklenir. Yüz yüze veya online yapılabilir; içerik kurumun kullandığı yığı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 geliştirilen örnek uygulamayı belgeler; kurumsal gruplara kendi projeleri üzerinden uygulama ile genişletilebilir.

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. Gelişmiş React 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

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 →
ReactBuild & Integrate React Applications with Redux Capabilities Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build & Integrate React Applications with Redux Capabilities Eğitimi

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

Redux Toolkit, slice, store, createAsyncThunk, RTK Query ve middleware ile React'e ölçeklenebilir global durum yönetimi entegrasyonunu öğreten eğitim.

Detayları Gör →
ReactBuild and Test SPA Using React & Redux Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build and Test SPA Using React & Redux Eğitimi

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

React Router, Redux Toolkit, eşzamansız veri ve React Testing Library ile sıfırdan tek sayfa uygulama kurup test etmeyi öğreten uçtan uca uygulamalı eğitim.

Detayları Gör →
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 →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn