Angular Academy · Ders

Sinyaller Nedir

Sinyalleri reaktif durum kapsayıcıları olarak anlayın.

Sinyaller Nedir, CoddyKit'te ücretsiz bir Angular 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, 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.

Sinyaller Nedir?

Bir sinyal, modern Angular'da kullanıma sunulan reaktif bir temel yapıdır. Bir değerdeki değişiklikleri ilgili tüketicilere bildirebilen bir değer sarmalayıcısıdır.

Sinyaller, Angular'ın reaktifliğini açık, ayrıntılı ve anlaşılması kolay hale getirir.

Reaktiflik Neden Önemlidir?

Bir kullanıcı arayüzü çatısında ekranın verilerinizle eş zamanlı kalması gerekir. Veriler değiştiğinde görünüm güncellenmelidir.

Sinyaller, Angular'a tam olarak neyin değiştiğini ve neyin buna bağlı olduğunu bilmesi için kesin bir yol sunar; böylece görünümün yalnızca etkilenen bölümleri yenilenir.

Sinyallerden Önceki Sorun

Angular daha önce Zone.js'e ve geniş kapsamlı değişiklik algılamaya dayanıyordu: herhangi bir eşzamansız olaydan sonra Angular bileşen ağacının büyük bölümlerini yeniden denetliyordu.

Bu yöntem çalışır, ancak gereksiz kaynak tüketebilir. Sinyaller, her şeyi taramadan ayrıntılı güncellemeler yapılmasını sağlar.

Bir Sinyal Bir Değer Tutar

Bir sinyali, bir değerin etrafındaki akıllı kutu gibi düşünün. İçindeki değeri okuyabilir ve içindeki değeri değiştirebilirsiniz.

Bir sinyali okumak, onu kimin okuduğunu da kaydeder; böylece bağımlılar daha sonra güncellenebilir.

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

const count = signal(0);
// count is now a signal holding the number 0

Okuma Bir İşlev Çağrısıdır

Temel bir fikir: Bir sinyali okumak için onu bir işlev gibi çağırırsınız. Parantezler, Angular'ın geçerli değeri okuduğunuzu anlamasını sağlar.

const count = signal(0);
console.log(count()); // 0  <-- note the ()

Sinyaller Eşzamanlıdır

Bir sinyali okumak eşzamanlıdır ve her zaman geçerli değeri hemen döndürür. Yönetmeniz gereken bir abonelik, eşzamansız bir işlem hattı veya manuel abonelikten çıkma işlemi yoktur.

Yazılabilir ve Hesaplanan Sinyaller

signal() ile oluşturulan temel sinyal yazılabilirdir: değerini değiştirebilirsiniz.

Ayrıca yazılabilir sinyaller temel alınarak oluşturulan hesaplanan sinyaller (türetilmiş değerler) ve etkiler (yan etkiler) de vardır.

Sinyaller Bağımlılıkları İzler

Hesaplanan bir değer veya şablon bir sinyali okuduğunda Angular bu bağımlılığı otomatik olarak kaydeder.

Daha sonra sinyal değişirse yalnızca bu bağımlı öğeler yeniden hesaplanır. Sinyalleri verimli kılan şey budur.

Tutarsızlık İçermeyen Güncellemeler

Sinyaller tutarsızlık içermeyecek şekilde tasarlanmıştır: tüketiciler her zaman tutarlı bir değer görür ve aradaki, yarı güncellenmiş durumlarla bilgilendirilmez.

Bu, karmaşık reaktif grafiklerin öngörülebilir olmasını sağlar.

Sinyaller Nerede Bulunur?

Sinyaller @angular/core paketinin bir parçasıdır. signal, computed ve effect öğelerini buradan içe aktarırsınız.

Bunları bileşenlerde, hizmetlerde veya herhangi bir TypeScript kodunda kullanabilirsiniz.

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

Bir Bileşende Sinyaller

Yaygın bir yaklaşım, sinyalleri bir bileşende sınıf alanları olarak bildirmek ve ardından şablonda okumaktır.

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

@Component({ selector: 'app-counter', template: '' })
export class CounterComponent {
  count = signal(0);
}

Kısa Kontrol: Sinyal Temelleri

Bir sinyalin ne olduğunu anlayıp anlamadığınızı doğrulayalım.

Tekrar: Sinyaller Nedir?

Bir sinyalin, değişiklik olduğunda tüketicilere bildirim gönderen, bir değerin etrafındaki reaktif sarmalayıcı olduğunu öğrendiniz. Bir sinyali parantezlerle çağırarak okursunuz; okumalar eşzamanlıdır ve sinyaller ayrıntılı, tutarsızlık içermeyen güncellemeler sağlar.

Sırada kendi sinyallerinizi oluşturup okuyacaksınız.

Sıkça Sorulan Sorular

“Sinyaller Nedir” dersi ücretsiz mi?

Evet — “Sinyaller Nedir” 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.

“Sinyaller Nedir” dersinde ne öğreneceğim?

Sinyalleri reaktif durum kapsayıcıları olarak anlayın. 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 1. dersidir.

“Sinyaller Nedir” 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