$effect: Yan Etkiler
Reaktif bağımlılıkları her değiştiğinde yeniden çalıştırılan yan etkileri çalıştırın.
$effect: Yan Etkiler, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 4. 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.
Yan Etki Rune'u
Reaktif değişikliklere yanıt veren yan etkiler için $effect(() => { ... }) kullanın.
$effect(() => {
console.log("count is", count);
});Otomatik Olarak İzlenir
Svelte, geri çağırma işlevindeki bağımlılıkları otomatik olarak izler.
Temizleme İşlevi
Bir sonraki çalışmadan önce veya yok etme sırasında temizlik yapmak için bir işlev döndürün.
$effect(() => {
const id = setInterval(tick, 1000);
return () => clearInterval(id);
});Bağlamadan Sonra Çalışır
Yan etki, bileşen bağlandıktan sonra ve her bağımlılık değişikliğinde çalışır.
SSR'de Çalışmaz
$effect geri çağırmaları SSR sırasında çalışmaz. Bunları yalnızca tarayıcıya özgü mantık için kullanın.
Bağlanma Öncesi Yan Etkiler
$effect.pre, DOM güncellemelerinden önce çalışır; ölçüp uygulama kalıpları için kullanışlıdır.
Kök Yan Etkileri
$effect.root, gelişmiş durumlarda bileşen yaşam döngüsünün dışında bir yan etki oluşturur.
onMount ile Karşılaştırma
onMount bir kez çalışır; $effect bağımlılık değişikliklerinde yeniden çalışır. $effect, çoğu zaman hem onMount'un hem de reaktif kalıpların yerini alır.
Durum Ayarlamaktan Kaçının
Bir yan etki içinde reaktif durumu değiştirmek döngülere neden olabilir. Hesaplanan değerler için $derived'i tercih edin.
İzlenmeyen Okumalar
Bir bağımlılık kaydetmeden değer okumak için bir etkinin içinde untrack() kullanın.
Gerçek Kullanım Alanları
Günlük kaydı tutma, localStorage ile eşitleme, üçüncü taraf kitaplık tümleştirmesi ve DOM üzerinde elle değişiklik yapma.
Kısa Kontrol
Bir etkinin kaynaklarını nasıl temizlersiniz?
Özet
$effect yan etkileri yönetir, bağımlılıkları izler ve döndürülen işlevler aracılığıyla temizlik desteği sunar.
Sıkça Sorulan Sorular
“$effect: Yan Etkiler” dersi ücretsiz mi?
Evet — “$effect: Yan Etkiler” 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.
“$effect: Yan Etkiler” dersinde ne öğreneceğim?
Reaktif bağımlılıkları her değiştiğinde yeniden çalıştırılan yan etkileri çalıştırı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 4. dersidir.
“$effect: Yan Etkiler” 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
- Runeler Neden Var: Derleyici Sihirinin Ötesine Geçmek
- $state: İnce Taneli Reaktivite
- $derived: Bildirimsel Hesaplanmış Değerler
- $effect: Yan Etkiler