Angular Academy · Ders

Sinyal Oluşturma ve Okuma

Yazılabilir sinyaller bildirin ve değerlerini okuyun.

Sinyal Oluşturma ve Okuma, CoddyKit'te ücretsiz bir Angular 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, 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.

Sinyal Oluşturma

signal() fabrikasına başlangıç değerini vererek yazılabilir bir sinyal oluşturursunuz.

import { signal } from '@angular/core';

const c = signal(0); // initial value is 0

Başlangıç Değeri Türü Belirler

TypeScript, sinyal türünü başlangıç değerinden çıkarır. signal(0) bir WritableSignal<number> değeridir.

const name = signal('Alice'); // WritableSignal<string>
const flag = signal(false);    // WritableSignal<boolean>

Sinyal Okuma

Geçerli değerini okumak için sinyali çağırın. Bu işlem depolanan değeri döndürür ve reaktif bir bağlamın içindeyseniz bir bağımlılık kaydeder.

const c = signal(0);
const current = c(); // current === 0

Birden Çok Kez Okuma

Bir sinyali istediğiniz kadar okuyabilirsiniz. Her çağrı, çağrı anındaki en güncel değeri döndürür.

const c = signal(10);
console.log(c()); // 10
console.log(c()); // 10

Açık Tür Belirtme

Başlangıç değeri türü tam olarak ifade etmediğinde, örneğin null da olabilen bir değer söz konusu olduğunda, açık bir tür verebilirsiniz.

const user = signal<string | null>(null);
console.log(user()); // null

Nesne Sinyalleri

Bir sinyal, nesneler ve diziler de dâhil olmak üzere her türlü değeri tutabilir.

const point = signal({ x: 0, y: 0 });
console.log(point().x); // 0

Dizi Sinyalleri

Diziler de aynı şekilde çalışır. Okuma işlemi geçerli dizi başvurusunu döndürür.

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

Sinyalleri Sınıf Alanı Olarak Kullanma

Bileşenlerde ve hizmetlerde sinyalleri alan olarak bildirin. Örnek oluşturulduğunda bir kez başlatılırlar.

import { Injectable, signal } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class CounterStore {
  count = signal(0);
}

Bileşen Sınıfında Okuma

Bir sinyali sınıfın herhangi bir yerinde, örneğin bir yöntemin içinde, onu çağırarak okuyabilirsiniz.

export class CounterStore {
  count = signal(0);
  isZero(): boolean {
    return this.count() === 0;
  }
}

Salt Okunur Erişim

Tüketicilerin değiştirmesine izin vermeden bir sinyali dışa açmak istiyorsanız asReadonly() yöntemiyle dışa açabilirsiniz.

const internal = signal(0);
export const value = internal.asReadonly();
// value() works; value.set is not available

Adlandırma Kuralları

Yaygın bir kural, sinyale tuttuğu değerin adını vermektir (örneğin count, items); çünkü okuma işlemi normal bir erişimci gibi görünür: count().

Kısa Kontrol: Sinyal Oluşturma

Sinyal oluşturma ve okuma konusundaki kavrayışınızı sınayın.

Tekrar: Oluşturma ve Okuma

Artık signal(initialValue) ile yazılabilir bir sinyal oluşturmayı, TypeScript'in türünü nasıl çıkardığını ve sinyali çağırarak nasıl okuyacağınızı biliyorsunuz. Salt okunur erişim sağlamak için asReadonly() yöntemini de gördünüz. Sırada sinyal değerlerini güncellemek var.

Sıkça Sorulan Sorular

“Sinyal Oluşturma ve Okuma” dersi ücretsiz mi?

Evet — “Sinyal Oluşturma ve Okuma” 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.

“Sinyal Oluşturma ve Okuma” dersinde ne öğreneceğim?

Yazılabilir sinyaller bildirin ve değerlerini okuyun. 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 2. dersidir.

“Sinyal Oluşturma ve Okuma” 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

← Angular Academy Sayfasına Dön