Hesaplanan Store'lar için derived()
Değeri bir veya daha fazla store'dan hesaplanan yeni bir store türetin.
Hesaplanan Store'lar için derived(), 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.
derived Ne Yapar
derived, değeri bir veya daha fazla kaynak durum deposundan hesaplanan yeni bir durum deposu oluşturur.
İçe Aktarma
svelte/store içinden alın.
import { derived } from "svelte/store";Tek Kaynak
Tek bir durum deposundan türetmek için onu ve türetilmiş değeri döndüren bir işlevi aktarın.
export const doubled = derived(count, ($count) => $count * 2);Birden Çok Kaynak
Bir durum depoları dizisi aktarın; geri çağırma işlevi bunların değerlerinden oluşan bir dizi alır.
export const total = derived([price, qty], ([$p, $q]) => $p * $q);Eşzamansız Türetme
İkinci bir set bağımsız değişkeni aktarın ve eşzamansız bir kaynaktan türetmek için bunu eşzamansız olarak çağırın.
derived(userId, ($id, set) => {
fetchUser($id).then(set);
});Başlangıç Değeri
Eşzamansız derived depoları, set çağrılmadan önceki başlangıç değeri olarak üçüncü bir bağımsız değişken kabul eder.
Otomatik Temizleme
Diğer durum depoları gibi derived da kaynaklarına olan abonelikleri otomatik olarak temizler.
Zincirleme
Türetilmiş durum depoları, kendileri de başka türetilmiş depolar için kaynak olarak kullanılabilir.
Önbelleğe Alma
Türetilmiş değer yalnızca kaynak değerler değiştiğinde güncellenir. Bu, önbelleğe alınmış seçicilere eşdeğerdir.
Bileşenlerde Kullanma
Diğer tüm durum depolarında olduğu gibi $ kısa yazımıyla tüketin.
<p>Total: {$total}</p>Ne Zaman Kullanılmalı
Hesaplanan paylaşılan durum için derived kullanın; bileşene özel hesaplanan değerlerde $: kullanmayı tercih edin.
Hızlı Kontrol
derived ne döndürür?
Özet
derived, bir veya daha fazla kaynaktan hesaplanan salt okunur durum depoları oluşturur. Eşzamanlı ve eşzamansız türetmeyi destekler.
Sıkça Sorulan Sorular
“Hesaplanan Store'lar için derived()” dersi ücretsiz mi?
Evet — “Hesaplanan Store'lar için derived()” 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.
“Hesaplanan Store'lar için derived()” dersinde ne öğreneceğim?
Değeri bir veya daha fazla store'dan hesaplanan yeni bir store türetin. 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.
“Hesaplanan Store'lar için derived()” 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
- Hesaplanan Store'lar için derived()
- subscribe/set/update ile Özel Store Deseni
- Yazılabilirden Readable'a
- Store Sözleşmeleri ve Birlikte Çalışabilirlik