Sveltejs Academy · Ders

Store'ları Güncelleme: set() ve update()

set() ve update() içindeki güncelleme geri çağrısını kullanarak store değerlerini değiştirin veya dönüştürün.

3. ders / 413 adım

Store'ları Güncelleme: set() ve update(), CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 3. 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.

İki Güncelleme Kipi

Durum depoları iki güncelleme yöntemi sunar: değiştirmek için set(value), dönüştürmek için update(fn).

set Örneği

Değerin tamamını değiştirir.

count.set(5);

update Örneği

Geri çağırma işlevini kullanarak geçerli değeri dönüştürür.

count.update(n => n + 1);

Hangisi Ne Zaman Kullanılır

Kesin değişiklikler için set kullanın; yeni değer eskisine bağlıysa update kullanın.

Bileşenlerin İçinde

.svelte dosyalarının içinde store.set(x) yerine $store = x kısa yazımını tercih edin.

Bileşenlerin Dışında

Düz JS modüllerinde ve yardımcı işlevlerde set/update yöntemlerini doğrudan çağırın.

Nesne Güncellemeleri

Durum deposu bir nesne tutuyorsa abonelerin bir değişiklik görmesini sağlamak için update içinden yeni bir nesne döndürün.

user.update(u => ({ ...u, name }));

Dizi Güncellemeleri

Aynı kural geçerlidir: yeni bir dizi döndürün, diziyi yerinde değiştirmeyin.

todos.update(list => [...list, newTodo]);

Toplu Güncelleme

Arka arkaya yapılan birden çok güncellemenin her biri aboneleri tetikler. Toplu işlemler için son değeri hesaplayıp tek seferde ayarlayın.

Eşzamansız Güncellemeler

Eşzamansız geri çağırmalarda set çağırabilirsiniz; tetiklendiğinde aboneler yeni değeri alır.

Özel Ayarlayıcılar

Daha temiz arayüzler için set/update işlemlerini özel bir durum deposundaki adlandırılmış işlevlerde sarmalayın.

function increment() { count.update(n => n + 1); }

Hızlı Kontrol

Önceki değere hangi yöntem ihtiyaç duyar?

Özet

set değeri değiştirir; update ise bir geri çağırma işlevi aracılığıyla geçerli değeri dönüştürür.

Başlamak ücretsiz

Yapay zeka eğitmeniyle HTML öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar
41
Dersler
163

Sıkça Sorulan Sorular

“Store'ları Güncelleme: set() ve update()” dersi ücretsiz mi?

Evet — “Store'ları Güncelleme: set() ve update()” 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.

“Store'ları Güncelleme: set() ve update()” dersinde ne öğreneceğim?

set() ve update() içindeki güncelleme geri çağrısını kullanarak store değerlerini değiştirin veya dönüş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 3. dersidir.

“Store'ları Güncelleme: set() ve update()” 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

  1. Yazılabilir Store Oluşturma
  2. $ Otomatik Aboneliğiyle Abone Olma
  3. Store'ları Güncelleme: set() ve update()
  4. readable Store'ları ve Özel Başlatma İşlevleri
← Sveltejs Academy Sayfasına Dön