Özellik Alıcıları ve Durum İndirgeme (Hafif)
Özellik alıcılarıyla güvenli işleyiciler sunun ve hafif bir durum indirgemeyle üst bileşenlerin geçişleri değiştirmesine izin verin.
Özellik Alıcıları ve Durum İndirgeme (Hafif), CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 2 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, React Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. React Academy kursu toplamda 2 dersten oluşur.
Getiriciler ve azaltıcı neden kullanılır
Amaç: Bileşenleri karmaşıklık yaratmadan esnek hâle getirin.
- Özellik getiricileri: yaymak üzere güvenli özellikler (işleyiciler/ARIA/sınıflar) döndürür
- Durum azaltıcısı: üst bileşen geçişleri değiştirebilir
- Yeni başlayanlar için uygun, küçük parçalar
Getiriciler: güvenli birleştirme
- getButtonProps(userProps) işlevini dışa açın
- İşleyicileri küçük bir callAll yardımcı işleviyle birleştirin
- ARIA ve durumu güvenli biçimde ekleyin (ör. aria-pressed)
Gösterim: özellik getiricileri
Özellik getirici, birleştirilmiş özellikler döndürür; böylece üst bileşenler iç işleyicileri bozmadan ek işleyiciler geçirebilir.
<div id="root"></div>
Gösterim: azaltıcıyı özelleştirme
Bir azaltıcı özelliği, üst bileşenlerin geçişleri özelleştirmesini sağlar. Burada, açıldıktan sonra kapatmayı engelliyoruz.
<div id="root"></div>
Gösterim: kullanıcı özelliklerini birleştirme
Üst bileşenler, getiriciyle güvenli biçimde birleştirilen ek özellikler (analitik bilgiler, başlıklar) geçirebilir.
<div id="root"></div>
İpuçları ve yaygın hatalar
- Getiricileri küçük tutun; yalnızca güvenli varsayılanlar ekleyin (ör. aria-pressed)
- Azaltıcı bir durum döndürmelidir (saf işlev)
- Kullanıcı işleyicilerini iki kez çağırmayın; küçük bir callAll kullanın
Azaltıcı kalıbı kontrolü
Özet
Özet: Özellik getiricileri işleyicileri ve özellikleri güvenli biçimde birleştirir; hafif bir durum azaltıcısı da bileşeniniz basit kalırken üst bileşenlerin geçişleri değiştirmesini sağlar.
Sıkça Sorulan Sorular
“Özellik Alıcıları ve Durum İndirgeme (Hafif)” dersi ücretsiz mi?
Evet — “Özellik Alıcıları ve Durum İndirgeme (Hafif)” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve React Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. React Academy kursu toplamda 2 dersten oluşur.
“Özellik Alıcıları ve Durum İndirgeme (Hafif)” dersinde ne öğreneceğim?
Özellik alıcılarıyla güvenli işleyiciler sunun ve hafif bir durum indirgemeyle üst bileşenlerin geçişleri değiştirmesine izin verin. React Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
React Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te React Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 2 dersinin 2. dersidir.
“Özellik Alıcıları ve Durum İndirgeme (Hafif)” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu React Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her React Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Ödünleşimler; Referans Kalıpları; Varsayılan Değerler
- Özellik Alıcıları ve Durum İndirgeme (Hafif)