{#snippet} ve {@render}
Snippet'lerle yeniden kullanılabilir şablon parçaları tanımlayın ve bunları istediğiniz yerde işleyin.
{#snippet} ve {@render}, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 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, 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.
Parçacıklar
Parçacıklar, Svelte 5'te oluşturma işlevlerine veya adlandırılmış yuvalara benzeyen, yeniden kullanılabilir şablon parçalarıdır.
Parçacık Tanımlama
{#snippet name(args)}...{/snippet} kullanın.
{#snippet greeting(name)}
<p>Hello, {name}!</p>
{/snippet}Parçacık Oluşturma
Parçacığı çağırmak için {@render name(args)} kullanın.
{@render greeting("Ada")}Parçacık Parametreleri
Parçacıklar işlevler gibi bağımsız değişken kabul eder; oluşturma işlemi bu bağımsız değişkenleri iletir.
Yeniden Kullanılabilirlik
Bir kez tanımlayın, farklı bağımsız değişkenlerle birçok kez oluşturun.
{@render greeting("Ada")}
{@render greeting("Bea")}Tekrarlamayı Ortadan Kaldırma
Parçacıklar, işaretleme ağırlıklı bileşenlerdeki yinelemeleri azaltır.
Bileşenlerde Tanımlama
Parçacıklar JS içinde değil, bir bileşenin işaretlemesinin içinde bulunur.
Kapsam
Parçacıklar, kendilerini çevreleyen bileşenin kapsamındaki değişkenlere başvurabilir.
Özellik Olarak İletme
Esnek bileşim için parçacıklar diğer bileşenlere özellik olarak iletilebilir.
Yuva Yerine Kullanım
Parçacıklar yuvaları genelleştirir: daha esnek, bileşime daha uygun ve tür bilgili yapıdadır.
TypeScript
Parçacık türleri, parametrelerinden ve dönüş türlerinden çıkarılır.
Kısa Kontrol
Bir parçacığı nasıl oluşturursunuz?
Özet
Parçacıklar, parametreli şablon parçalarıdır. {#snippet} ile tanımlanır, {@render} ile çağrılır.
Sıkça Sorulan Sorular
“{#snippet} ve {@render}” dersi ücretsiz mi?
Evet — “{#snippet} ve {@render}” 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.
“{#snippet} ve {@render}” dersinde ne öğreneceğim?
Snippet'lerle yeniden kullanılabilir şablon parçaları tanımlayın ve bunları istediğiniz yerde işleyin. 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 2. dersidir.
“{#snippet} ve {@render}” 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