Props ve birleştirme
Props aktarımını, parçalarına ayırmayla varsayılan props tanımlamayı, birleştirme ile kalıtım arasındaki farkı, children/slot kalıplarını ve basit sunum bileşenlerini öğrenin.
Props ve birleştirme, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 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 3 dersten oluşur.
Genel bakış
Amaç: Verileri özelliklerle aktarın, varsayılanlar belirleyin ve küçük bileşenleri birleştirerek kullanıcı arayüzleri oluşturun.
- Özellikler bileşenlere veri taşır.
- Basit yapı bozma işlemiyle varsayılanlar belirlenir.
- Birleştirme ve alt öğe yuvaları.
Özellikleri aktarma
Özellikler yalnızca okunabilir girdilerdir. Bir üst bileşen, alt bileşeni oluşturur ve değerleri sağlar; alt bileşen bunları parametrelerinden okur.
- Özellikleri değiştirmeyin.
- Üst bileşenler durumlarını veya özelliklerini değiştirdiğinde yeniden oluşturma gerçekleşir.
Varsayılan özellikler (basit)
Parametre listesindeki yapı bozma işlemiyle özelliklere varsayılanlar verin: function Card({ title = "Untitled" }).
- Bileşenleri daha sağlam tutar.
- İşaretleme içinde tanımsız değer denetimlerine gerek bırakmaz.
Kalıtım değil, birleştirme
Birleştirme, daha küçük parçalardan (alt öğeler/yuvalar) daha büyük kullanıcı arayüzleri oluşturmak anlamına gelir. Esneklik ve net veri akışı için kalıtım yerine bunu tercih edin.
Gösterim: özellikler ve alt öğeler
Örnek: Basit bir kart düzeni içinde özellikleri aktarın, varsayılanlar belirleyin ve alt öğeleri birleştirin.
<div id="root"></div>
Yeniden kullanılabilir sunum
Sunum amaçlı bileşenler düzene ve görsellere odaklanır; kolayca yeniden kullanılabilmeleri için mümkün olduğunda özelliklerle yönlendirilen ve durumsuz tutulmalıdır.
- Küçük bir arayüz yüzeyi (yalnızca özellikler).
- Sınıflarla stil verin; gizli yan etkilerden kaçının.
Birleştirme ve kalıtım karşılaştırması
Özet
Özet: Verileri özelliklerle aktarın, güvenli varsayılanlar belirleyin ve esnek, yeniden kullanılabilir kullanıcı arayüzleri oluşturmak için alt öğeleri birleştirin; kalıtım tabanlı hiyerarşilerden kaçının.
Sıkça Sorulan Sorular
“Props ve birleştirme” dersi ücretsiz mi?
Evet — “Props ve birleştirme” 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 3 dersten oluşur.
“Props ve birleştirme” dersinde ne öğreneceğim?
Props aktarımını, parçalarına ayırmayla varsayılan props tanımlamayı, birleştirme ile kalıtım arasındaki farkı, children/slot kalıplarını ve basit sunum bileşenlerini öğrenin. 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, 3 dersinin 2. dersidir.
“Props ve birleştirme” 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
- Props aktarımı ve birleştirme kalıpları
- Props ve birleştirme
- Yeniden kullanılabilir sunum bileşenleri