0Pricing
Angular Academy · Ders

set ve update ile Sinyalleri Güncelleme

Sinyal değerlerini reaktif olarak değiştirin.

set ve update ile Sinyalleri Güncelleme, CoddyKit'te ücretsiz bir Angular 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, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.

Sinyali Değiştirme

Yazılabilir bir sinyal iki şekilde değiştirilebilir: değeri değiştirmek için set(), geçerli değerden yeni bir değer türetmek için update().

set() Kullanımı

set(newValue), ilettiğiniz değerle sinyal değerinin tamamını değiştirir.

const c = signal(0);
c.set(1);
console.log(c()); // 1

set() Ne Zaman Kullanılır?

Yeni değer eski değere bağlı olmadığında, örneğin kullanıcı girdisinden veya API yanıtından alınan yeni bir değer atanırken set() kullanın.

const name = signal('');
name.set('Alice');
console.log(name()); // Alice

update() Kullanımı

update(fn), geçerli değeri alan ve yeni değeri döndüren bir işlev alır. Sonraki değer önceki değere bağlı olduğunda idealdir.

const c = signal(0);
c.update(v => v + 1);
console.log(c()); // 1

update() ile Artırma

Klasik sayaç, mevcut sayıyı temel alarak artırmak için update() kullanır.

const count = signal(10);
count.update(v => v + 1); // 11
count.update(v => v - 1); // 10

Nesneleri Değişmez Şekilde Güncelleme

Değişiklik algılama başvuruları karşılaştırdığı için nesneleri değiştirmek yerine yenileriyle değiştirin. Eski değeri yayarak yeni bir nesne oluşturun.

const point = signal({ x: 0, y: 0 });
point.update(p => ({ ...p, x: p.x + 1 }));
console.log(point()); // { x: 1, y: 0 }

Dizileri Değişmez Şekilde Güncelleme

Diziler için yeni bir dizi döndürün. Mevcut dizi üzerinde push/splice kullanmaktan kaçının; yayma sözdizimini veya yeni diziler döndüren dizi yöntemlerini kullanın.

const items = signal<string[]>(['a']);
items.update(arr => [...arr, 'b']);
console.log(items()); // ['a', 'b']

set() ve update() Özeti

set: son değere zaten sahipsiniz. update: son değeri geçerli değerden hesaplarsınız. Değer gerçekten değişirse her ikisi de tüketicilere bildirim gönderir.

Başvuru Eşitliği ve Değişiklik

Sinyaller, bir şeyin değişip değişmediğine karar vermek için varsayılan olarak başvuru eşitliğini (temel türlerde değer eşitliğini) kullanır. Bir sinyali tam olarak aynı temel tür değerine ayarlamak, bağımlılara bildirim göndermez.

const c = signal(5);
c.set(5); // no change, dependents not notified

Değiştirme Önerilmez

Eski API'lerde mutate() yöntemi vardı; ancak önerilen modern yaklaşım, yeni başvurular döndüren set() ve update() ile değişmez güncellemeler yapmaktır.

Sinyalleri Yöntemlerde Güncelleme

Bileşenlerde sinyal güncellemelerini, şablonun olay işleyicilerinden çağırabileceği yöntemlerin içine alın.

export class CounterComponent {
  count = signal(0);
  increment() { this.count.update(v => v + 1); }
  reset() { this.count.set(0); }
}

Kısa Kontrol: set ve update

İş için doğru aracı seçin.

Özet: Sinyalleri Güncelleme

Bir değeri değiştirmek için set() kullanmayı, geçerli değerden yeni bir değer türetmek içinse update(fn) kullanmayı öğrendiniz. Ayrıca, referans eşitliğinin değişikliği algılayabilmesi için nesneleri ve dizileri değişmez şekilde nasıl güncelleyeceğinizi gördünüz. Sırada: sinyalleri doğrudan şablonlarda kullanmak var.

Sıkça Sorulan Sorular

“set ve update ile Sinyalleri Güncelleme” dersi ücretsiz mi?

Evet — “set ve update ile Sinyalleri Güncelleme” 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 Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.

“set ve update ile Sinyalleri Güncelleme” dersinde ne öğreneceğim?

Sinyal değerlerini reaktif olarak değiştirin. Angular 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.

Angular Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Angular 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.

“set ve update ile Sinyalleri Güncelleme” 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 Angular Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Angular 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. Sinyaller Nedir
  2. Sinyal Oluşturma ve Okuma
  3. set ve update ile Sinyalleri Güncelleme
  4. Şablonlarda Sinyaller
← Angular Academy Sayfasına Dön