Бесплатный курс лекций по Python
Начало 11 декабря. Расписание: пн, чт в 20.15-21.00. Для записи вступи в канал →

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

State'lere Giriş Kullanım Reaktivite State'de Mantıksal Değer State'lerle Sayaç

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

Projeler

Kontrol Listesi Not Defteri
hies