Orta10 hafta9 bölüm · 36 ders · 9 ödev
Baştan Sona React
Bildirimsel arayüzü kural ezberleyerek değil, React'ın nasıl karar verdiğini anlayarak öğreten program. JSX ve kompozisyondan durum modellemeye, etkilerden veri katmanına, performanstan erişilebilirliğe; sonunda testleriyle birlikte yayına hazır bir öğrenci paneli.
Müfredat
Neden React: DOM'u elle yönetmenin sınırı26 dk
JSX: sözdizimi ve kuralları28 dk
İlk bileşenin ve render akışı26 dk
Bölüm ödevi: statik ödev panosu40 dk
Statik ödev panosuödev
React — Hızlı başlangıçbağlantı
React — Bileşenleri saf tutmakbağlantı
React DevToolsbağlantı
Props: veriyi aşağı akıtmak26 dk
Kompozisyon: prop delme ve çözümleri28 dk
Stil verme yaklaşımları24 dk
Bölüm ödevi: yeniden kullanılabilir arayüz seti45 dk
Yeniden kullanılabilir arayüz setiödev
React — Bileşenlere props geçirmekbağlantı
React — JSX'i props olarak geçirmekbağlantı
MDN — ARIA tab rolübağlantı
useState: bileşenin hafızası28 dk
Olaylar ve işleyiciler26 dk
Durumu doğru yerde tutmak26 dk
Bölüm ödevi: etkileşimli ödev panosu45 dk
Etkileşimli ödev panosuödev
React — Durum: bileşenin hafızasıbağlantı
React — Durum yapısını seçmekbağlantı
React — Durumu korumak ve sıfırlamakbağlantı
useEffect: dış sistemlerle senkronizasyon30 dk
Ref: render dışı değerler ve DOM erişimi26 dk
Yaygın etki desenleri26 dk
Bölüm ödevi: özel kanca kütüphanesi45 dk
Özel kanca kütüphanesiödev
React — Etkilerle senkronizasyonbağlantı
React — Etkiye ihtiyacınız olmayabilirbağlantı
React — useSyncExternalStorebağlantı
useReducer: karmaşık durum geçişleri28 dk
Context: ağaç boyunca değer taşımak28 dk
Harici depo ve durum kütüphaneleri26 dk
Bölüm ödevi: paylaşılan durumlu uygulama45 dk
Paylaşılan durumlu uygulamaödev
React — Durum mantığını azaltıcıya çıkarmakbağlantı
React — Context ile veriyi derine geçirmekbağlantı
React — Reducer ve Context'i birleştirmekbağlantı
Kontrollü ve kontrolsüz formlar28 dk
Doğrulama28 dk
Eylemler: useActionState, useFormStatus, useOptimistic28 dk
Bölüm ödevi: çok adımlı başvuru formu50 dk
Çok adımlı başvuru formuödev
React — useActionStatebağlantı
React — useOptimisticbağlantı
MDN — Form doğrulamabağlantı
Elle veri çekmenin sınırı26 dk
Suspense ve hata sınırları28 dk
Mutasyon, önbellek geçersizleştirme ve iyimser güncelleme28 dk
Bölüm ödevi: veri katmanlı ödev uygulaması50 dk
Veri katmanlı ödev uygulamasıödev
React — Suspensebağlantı
React — usebağlantı
TanStack Query — Belgelerbağlantı
Bileşen neden yeniden render oluyor28 dk
Liste performansı ve sanallaştırma26 dk
Paket boyutu ve yükleme performansı26 dk
Bölüm ödevi: büyük liste optimizasyonu45 dk
Büyük liste optimizasyonuödev
React — memobağlantı
React — Profiler ile ölçmekbağlantı
React Compilerbağlantı
Erişilebilirlik: React'a özgü konular30 dk
Test30 dk
Buradan sonra nereye22 dk
Bitirme projesi: öğrenci paneli60 dk
Bitirme projesi: öğrenci paneliödev
Testing Library — Reactbağlantı
ARIA Authoring Practices Guidebağlantı
React — Belgelerbağlantı
DersÖdevKaynak