React Dersleri

JSX Temelleri

JSX ile arayüz yazma

Componentler

React componentleri oluştur

Props

Component'lere veri geç

useState

State yönetimi

Event Handler

React'te olay yönetimi

Conditional Rendering

Koşullu gösterim

Lists with Map

Listeleri render et

Styling with CSS

React'te CSS kullanımı

Fragments

Div wrapper olmadan render

Controlled Input

Form input yönetimi

useEffect Basics

Yan etkiler

useReducer

Karmaşık state yönetimi

Context Basics

Veri paylaşımı

useRef

DOM erişimi

useMemo

Performans optimizasyonu

useCallback

Fonksiyon önbelleği

Component Composition

Bileşen birleştirme

Loops Rendering

Döngü ile render

Cleanup Effect

useEffect temizliği

Lazy Loading

Tembel yükleme

Children Prop

Alt öğeler

Forward Refs

Ref iletme

FormData

Form verisi

Conditional Props

Sort List

Lift State

State yukarı taşıma

useEffect Depend

Bağımlılıklar

Key Gereklilik

Maybe; Fragment

Ternary Render

Default Props

Varsayılan prop

Todo Basit

Counter Artış

İmpr. Karakter

Görünürlük

Ekleme Listesi

Sıfırla

Çoklu Input

PreventDefault

Map Anahtar

IkWD

Küçült

useEffect Temiz

Effect temizleyici

Prop Türleri

Değiştir Renk

Rastgele

Karmaşık State

Error Komponenti

React Finale

useState Counter

Durumla sayaç

Controlled Input

Value ve onChange

useRef Focus

DOM'a erişim

useEffect Başlangıç

Yan etkiler

useMemo

Pahalı hesapları önbellekle

useCallback

Kararlı fonksiyon

Children Prop

İçerik geçirme

Liste Anahtarları

Key prop önemi

Koşullu Render

Ternary ile gösterme

Context Temel

createContext + Provider

useReducer

Karmaşık durum yönetimi

Özel Hook

Tekrar kullanılabilir mantık

Temizlik Efekti

Unmount temizliği

Props İletme

Bileşenler arası veri

Varsayılan Props

Prop gelmezse değer

Todo Uygulaması

Mini yapılacaklar

Durum Kaldırma

State'i üste taşı

Props Default

defaultProps ile

Rastgele Renk

State ile görsel değişim

Görünürlük

Göster/Gizle

Girdi Temizle

Form sıfırlama

Karmaşık Form

Çoklu alan kontrolü

Kart Seçimi

Seçim durumu

Liste Filtresi

Arama ile listele

React Capstone

Birlikte mini uygulama

useState Fonksiyonel Güncelleme

PrevState ile güvenli artır

useReducer Temelleri

State değişimini tek fonksiyonla yönet

Context Paylaşımı

Derin ağaçta veriyi prop taşımadan ilet

Custom Hook Kurgusu

Mantığı yeniden kullanılabilir fonksiyona çek

Effect Temizliği

Dinleyicileri unmount'ta kaldır

Memo: Gereksiz Render

Değişmeyen props'ı yeniden render etme

Controlled Input

Input değerini state yönetir

Portal Kurgusu

İçeriği DOM'da başka yere render et

Deriving State

Derived değeri state'te saklama

Composition / Slots

children ile bileşen şablonu

Render Props (Dinamik Slots)

Fonksiyon prop ile esnek render

Key Stratejisi

ID'yi key olarak kullan

useRef Stabil Referans

Render'lar arasında mutasyona açık kutu

Effect ile Dış Sistem

fetch'i effect içinde yönet

Lazy & Suspense Fikri

Bileşeni ihtiyaç anında yükle

Batching Fikri

Birden çok güncelleme tek render

Derived List (useMemo)

Pahalı hesabı bağımlılıka önbellekle

Virtualization Fikri

Yalnızca görünür satırı render et

Hata Sınırı Fikri

Bileşen hatasını yakala, çıplak bırakma

Events ve Batched State

Event'lerde prevState'i birden çok uygula

Controlled vs Uncontrolled

Form kontrolünü karşılaştır

State Colocation

State'i olabildiğince aşağıda tut

Accessibility & Focus

Modal odağını klavyeyle yönet

forwardRef / İçeri Bırak

Ref'i alt bileşene geçirme

Kapsamlı Final: Form State

Türlü, genişletilebilir form yapısı