Dosya Adlandırma, Bileşen Sınırları, Özellik Adlandırma
Basit kurallar benimseyin: bileşenler için PascalCase, anlaşılır klasörler, küçük bileşen sınırları ve açıklayıcı özellik adları kullanın.
Dosya Adlandırma, Bileşen Sınırları, Özellik Adlandırma, 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.
Kurallar neden yardımcı olur
Amaç: Kod tabanını öngörülebilir hâle getirmek.
- Bileşen dosyalarında PascalCase kullanın
- Küçük ve tek amaca odaklanan bileşenler oluşturun
- Açık ve açıklayıcı özellik adları kullanın
Adlandırma ve klasörler için kısa liste
- Dosyalar: UserCard.jsx, ProductList.jsx
- Klasörler: components/UserCard, pages/Profile
- Dışa aktarımlar: varsayılan veya adlandırılmış olabilir, ancak dosya adıyla eşleşmelidir
Örnek: küçük proje ağacı
PascalCase bileşen dosyaları kullanan küçük bir proje düzeni.
<div id="root"></div>
Örnek: küçük ve yeniden kullanılabilir parçalar
Bileşenleri tek bir amaca odaklı tutun: Profile içinde kullanılan küçük bir UserCard.
<div id="root"></div>
Örnek: açık özellikler ve varsayılanlar
Açıklayıcı özellik adları kullanın; parçalama sırasında basit varsayılanlar belirleyin.
<div id="root"></div>
Kontrol listesi
- Bileşenler ve dosyalar için PascalCase kullanın
- Bir dosyada bir ana bileşen bulundurun
- Özellikler: açık adlar (label, onPress), basit varsayılanlar
Dosya adlandırma için en iyi uygulama
Özet
Özet: Dosya ve bileşen adlarında PascalCase kullanın, bileşenleri tek bir amaca odaklı tutun ve basit varsayılanlara sahip açıklayıcı özellik adları seçin.
Sıkça Sorulan Sorular
“Dosya Adlandırma, Bileşen Sınırları, Özellik Adlandırma” dersi ücretsiz mi?
Evet — “Dosya Adlandırma, Bileşen Sınırları, Özellik Adlandırma” 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.
“Dosya Adlandırma, Bileşen Sınırları, Özellik Adlandırma” dersinde ne öğreneceğim?
Basit kurallar benimseyin: bileşenler için PascalCase, anlaşılır klasörler, küçük bileşen sınırları ve açıklayıcı özellik adları kullanın. 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.
“Dosya Adlandırma, Bileşen Sınırları, Özellik Adlandırma” 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
- ESLint + React Kuralları; Prettier Entegrasyonu
- Dosya Adlandırma, Bileşen Sınırları, Özellik Adlandırma
- Ortam Değişkenleri ve Yapılandırma Düzeni