Türlü Özellikler için $props()
$props() kullanarak bileşen özelliklerini parçalama ve TypeScript türleriyle tanımlayın.
Türlü Özellikler için $props(), CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 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, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Yeni Özellikler API'si
Svelte 5, bileşen özelliklerini yapı sökümü ataması olarak bildirmek için $props() özelliğini sunar.
Temel Kullanım
Özellikleri tek bir ifadede ayrıştırın.
let { name, count = 0 } = $props();Varsayılan Değerler
Varsayılan değerler, standart yapı sökümü varsayılanlarını kullanır.
let { theme = "dark" } = $props();Zorunlu Özellikler
Varsayılan değeri olmayan özellikler zorunludur. TypeScript, tür bilgili kipte bunu zorunlu kılabilir.
Tür Bilgili Özellikler
Tam tür güvenliği için bir TypeScript tür parametresi ekleyin.
let { name, count = 0 }: { name: string; count?: number } = $props();Kalan Özellikler
Kalan özellikleri rest sözdizimiyle yakalayın.
let { name, ...rest } = $props();Alt İçerik ve Parçacıklar
children özelliği, varsayılan yuva içeriğini bir parçacık olarak barındırır.
let { children } = $props();Artık export let Yok
$props(), Svelte 5'te eski export let sözdiziminin yerini alır.
Tepkisel
Üst bileşen yeni değerler ilettiğinde özellikler tepkisel olarak güncellenir.
Yayarak İletme
Kalan özellikleri nesne yayma işlemiyle iç öğelere iletin.
<input {...rest} />Geriye Dönük Uyumluluk
Geçiş sırasında export let çalışmaya devam eder; yeni ve eski kullanımı kademeli olarak birlikte kullanın.
Kısa Kontrol
Svelte 5'te özellikleri nasıl bildirirsiniz?
Özet
$props(), Svelte 5'in yeni özellikler API'sidir. Temiz ve güvenli bileşenler için varsayılan değerler ve türlerle ayrıştırın.
Sıkça Sorulan Sorular
“Türlü Özellikler için $props()” dersi ücretsiz mi?
Evet — “Türlü Özellikler için $props()” 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 Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Türlü Özellikler için $props()” dersinde ne öğreneceğim?
$props() kullanarak bileşen özelliklerini parçalama ve TypeScript türleriyle tanımlayın. Sveltejs 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.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs 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, 4 dersinin 1. dersidir.
“Türlü Özellikler için $props()” 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 Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs 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
- Türlü Özellikler için $props()
- {#snippet} ve {@render}
- Snippet'leri Özellik Olarak Aktarma
- Varsayılan ve Adlandırılmış Snippet'ler