subscribe/set/update ile Özel Store Deseni
subscribe yöntemini ve özel eylemleri dışa açarak mantığı kapsüllenmiş bir store oluşturun.
subscribe/set/update ile Özel Store Deseni, 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.
Durum Deposu Sözleşmesi
subscribe(fn) yöntemi bulunan ve bu yöntemden abonelikten çıkma işlevi döndüren her nesne geçerli bir Svelte durum deposudur.
writable'ı Sarmalama
Bir writable'ı sarmalayıp odaklanmış bir arayüz açığa çıkararak özel bir durum deposu oluşturun.
function createCounter() {
const { subscribe, set, update } = writable(0);
return {
subscribe,
increment: () => update(n => n + 1),
reset: () => set(0)
};
}Kullanma
Bir örneği dışa aktarın ve diğer tüm durum depoları gibi tüketin.
export const counter = createCounter();Bileşen Kullanımı
$counter ile okuyun, counter.increment() gibi alan yöntemlerini çağırın.
Kapsüllenmiş Mantık
İç mantık gizli kalır; yalnızca seçtiğiniz yöntemler açığa çıkarılır.
Genel Değişkenlerden Daha İyi
Özel durum depoları, dağınık genel değişikliklerin aksine sınanabilir ve değiştirilebilir.
Eşzamansız Yöntemler
Yöntemler eşzamansız olabilir ve hazır olduklarında set çağırabilir.
load: async () => set(await fetch("/api").then(r => r.json()))Tür Güvenli
TypeScript ile dönüş biçimini belirterek tüketicilerde tam IntelliSense desteği elde edin.
Durum Depolarıyla Birleştirme
Özel bir durum deposu, türetilmiş durum için kendi içinde başka durum depolarına bağlı olabilir.
Tekil Örnek ve Fabrika
Tek bir paylaşılan örnek mi, yoksa çok sayıda örnek oluşturan bir fabrika mı istediğinize karar verin.
Gerçek Dünya Deseni
Bunu uygulamanızdaki sepet, kimlik doğrulama, tema ve diğer alan varlıkları için kullanın.
Hızlı Kontrol
Bir nesneyi geçerli bir Svelte durum deposu yapan şey nedir?
Özet
Özel durum depoları bir writable'ı sarmalar ve alana özgü yöntemler sunarak iç mantığı kapsüller.
Sıkça Sorulan Sorular
“subscribe/set/update ile Özel Store Deseni” dersi ücretsiz mi?
Evet — “subscribe/set/update ile Özel Store Deseni” 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.
“subscribe/set/update ile Özel Store Deseni” dersinde ne öğreneceğim?
subscribe yöntemini ve özel eylemleri dışa açarak mantığı kapsüllenmiş bir store oluşturun. 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.
“subscribe/set/update ile Özel Store Deseni” 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