Özellik Klasörleri ve Arayüz ile Birleşik Bileşenler
Özellik klasörlerini benimseyin ve bileşenleri ayırın: küçük, yeniden kullanılabilir arayüz temelleri ile durumu ve verileri yöneten özelliğe özgü birleşik bileşenler.
Özellik Klasörleri ve Arayüz ile Birleşik Bileşenler, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 dersinin 1. 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.
Yapı neden önemlidir?
Amaç: Ölçeklenebilen bir kod yapısı kurmak.
- Özellik klasörleri ilişkili kodları bir araya getirir
- Kullanıcı arayüzü temel parçaları küçük görsel yapı taşlarıdır
- Bileşik bileşenler bunları birbirine bağlar
Özellik öncelikli klasörler
- features/checkout/ (yollar, bileşikler, kancalar, sınamalar)
- ui/ (temel parçalar: Düğme, Girdi, Kart)
- lib/ (yardımcılar)
- assets/ (simgeler, stiller)
Kullanıcı arayüzü temel parçası: Düğme
Küçük bir Düğme temel parçası oluşturun: görsel ve yeniden kullanılabilir olsun, veri getirmesin.
<div id="root"></div>Bileşik: QuantityCard
Bileşik bir bileşen, bir özellik görevi için temel parçaları ve durumu birbirine bağlar.
<div id="root"></div>Özellik klasörü iş başında
Bir features/checkout klasöründe CheckoutPanel, temel parçaları ve bileşik bileşenleri bir araya getirir.
<div id="root"></div>İpuçları ve kontrol listesi
- Temel parçaları küçük ve yeniden kullanılabilir tutun
- Bileşik bileşenlerin özellik durumunu taşımasını sağlayın
- Büyük genel klasörler yerine özellik klasörlerini tercih edin
Temel parça ve bileşik bileşen kontrolü
Özet
Özet: özelliğe göre yapılandırın, küçük kullanıcı arayüzü temel parçaları oluşturun ve bunları özellik durumunun sahibi olan bileşik bileşenlerde birleştirin.
Sıkça Sorulan Sorular
“Özellik Klasörleri ve Arayüz ile Birleşik Bileşenler” dersi ücretsiz mi?
Evet — “Özellik Klasörleri ve Arayüz ile Birleşik Bileşenler” 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.
“Özellik Klasörleri ve Arayüz ile Birleşik Bileşenler” dersinde ne öğreneceğim?
Özellik klasörlerini benimseyin ve bileşenleri ayırın: küçük, yeniden kullanılabilir arayüz temelleri ile durumu ve verileri yöneten özelliğe özgü birleşik bileşenler. 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 1. dersidir.
“Özellik Klasörleri ve Arayüz ile Birleşik Bileşenler” 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
- Özellik Klasörleri ve Arayüz ile Birleşik Bileşenler
- Kancalar Klasörü Kuralları ve Testleri Birlikte Konumlandırma
- Yeniden Düzenleme Kılavuzları