React Temel Eğitimi
Giriş
React Kurulumu
react-devtools Eklentisinin Bağlanması
Bileşen Tabanlı Yaklaşım
Site Düzeni
Bileşen Çalışma Sonucu
JSX Dili
JSX'e Giriş
İç İçe Etiketler Döndürme
Etiketi Aşağı Kaydırma
Birden Fazla Etiket Döndürme
Kapatılmamış Etiket Döndürme
Fonksiyonla Boş Etiket Döndürme
Değişken Değerlerini Ekleme
Değişken Eklemedeki Nüanslar
Dizileri Ekleme
Nesneleri Ekleme
Nititeliklere Ekleme
JSX'de Etiketleri Saklama
Birden Fazla Etiket Saklama
Farklı Satırlardaki Etiketler
Etiketleri Döndürme
JSX Etiketlerinin Kapatılmışlığı
İşaretleme Doğruluğu
JavaScript Kodu Çalıştırma
Koşullar
JSX'te Koşullar
Koşula Göre Gösterme
Etiket Döndürme Koşulları
JSX'te Üçlü Operatör
JSX'te && Operatörünü Kullanma
Kısa Koşullar için Tersine Çevirme
Fonksiyonlar
Fonksiyonları Kullanma
Etiketler İçinde Fonksiyon Çağırma
Olay İşleyicileri Ekleme
Olay İşleyici Parametreleri
Event Nesnesi
Parametre Aktarımında Event Nesnesi
Etiket Oluşturma
Etiket Dizisi
Döngüde Etiket Dizisi
Verili Diziden Etiketler
Dizide Anahtarlar
Nesne Dizisi
ID ile Anahtarlar
Nesne Dizisinden Tablo
Benzersiz id'ler
Tartışma
Yeni id'lerle ilgili sorunlar
Id için rastgele dizeler
Id oluşturma
Id oluşturma fonksiyonu
Id fonksiyonunu kullanma
Fonksiyonu yanlış kullanma
State'ler
Formlar
Giriş Alanlarıyla Çalışma
Giriş Verilerini Çıktıda Değiştirme
Fonksiyonla Veri Değiştirme
Birden Fazla Giriş Alanıyla Çalışma
Form Verilerini İşleme
Textarea ile Çalışma
Onay Kutularıyla Çalışma
Onay Kutuları ve Koşullu Renderlama
Seçim Alanlarıyla Çalışma
Diziden Seçim Alanı Öğeleri
Seçim Alanında Value Nitelikleri
Diziden Seçim Alanı Value Nitelikleri
Radio ile Çalışma
Varsayılan Değerler
Giriş Alanlarını Diziye Bağlama
Giriş Alanlarını Nesneye Bağlama
Veri
Giriş
Diziye Reaktif Ekleme
Diziler Üzerinde Reaktif İşlemler
Nesne Dizisine Reaktif Ekleme
Nesne Dizileri Üzerinde Reaktif İşlemler
Verilerin Reaktif Gösterimi
Bileşenler
Bileşenlere Giriş
Bileşenleri Kullanma
Bileşenin Birden Fazla Örneği
Bileşen Props'ları
Alt Bileşenler
Alt Bileşen Oluşturmak için Dizi
Döngüde Alt Bileşenler
Alt Bileşenlere State Aktarma
Bileşene Id Aktarma
Üst Bileşenin State'ini Değiştirme
Üst Bileşenin State'ini Düzenleme
Büyük Üst Bileşenin State'ini Düzenleme
State'ler Aracılığıyla Çalışma Modları
Kavramlar
Giriş
Bileşen Verileri
Bileşen Türleri
Tek Yönlü Veri Akışı
State'in Yukarı Taşınması
Tek Gerçek Kaynağı
Stil Verme
React'ta Stil Verme Yöntemleri
Global CSS
Nesneden style Özniteliğine Veri Ekleme
Ayrı bir Dosyadan style Özniteliğine Veri Ekleme
style Özniteliğinde CSS Stilleri ile Çalışma
Değişkenlerden style Özniteliğine Veri Ekleme
Styled Components
Styled Components'ta Props'lar
Styled Components'ta Props'lar ve Koşullu Render Etme
Genişletilmiş Stil Bileşenleri
CSS modules ile Çalışmaya Başlama
CSS modules ile Çalışmaya Devam Etme
Sınıflar için composes Komutu
Dosyalar için composes Komutu