Angular Academy · Ders

Zoneless Angular

Angular'ı Zone.js olmadan çalıştırın

Zoneless Angular, 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.

Zone.js'in Ötesi

Zone.js ek yük oluşturur ve genel API'lere yamalar uygular. Modern Angular, değişiklik algılamanın bölge yamaları yerine sinyaller ve açık bildirimler tarafından yönlendirildiği zonesiz bir mod sunar.

Zonesiz Kullanımı Etkinleştirme

Zonesiz değişiklik algılama sağlayıcısını önyükleme yapılandırmanızda sağlayın.

bootstrapApplication(AppComponent, {
  providers: [
    provideExperimentalZonelessChangeDetection()
  ]
});

Zone.js'i Kaldırma

Zonesiz modda ayrıca zone.js çoklu dolgusunu derleme yapılandırmanızdan kaldırırsınız; bu, paket boyutunu ve başlatma maliyetini azaltır.

// angular.json: remove "zone.js" from polyfills
// main.ts: do not import 'zone.js'

Algılamayı Artık Ne Tetikler?

Bölgeler olmadan Angular, şu durumlarda değişiklik algılamayı zamanlar: şablonda okunan bir sinyal değiştiğinde, bir async borusu yayın yaptığında, bir olay bağlaması tetiklendiğinde veya markForCheck() çağrıldığında.

Sinyaller Merkezîdir

Zonesiz uygulamalar durum için büyük ölçüde sinyallere dayanır. Bir sinyalin şablonda okunması bir bağımlılık oluşturur; güncellenmesi ise Angular'a ilgili görünümü yenilemesini bildirir.

count = signal(0);
// template: {{ count() }}
this.count.set(5); // schedules CD

Olaylar Hâlâ Bildirim Gönderir

Şablon olay bağlamaları Angular'a doğrudan bildirim gönderir; böylece kullanıcı etkileşimleri bölgeler olmadan da kullanıcı arayüzünü güncellemeye devam eder.

<button (click)="count.update(c => c + 1)">+</button>

Bölgeler Olmadan Asenkron İşlemler

Ham setTimeout veya sinyal kullanmayan asenkron işlemler artık algılamayı otomatik olarak tetiklemez. Bu tür durumları sinyallerin içine alın veya markForCheck() çağırın.

setTimeout(() => this.ready.set(true), 1000);

async Borusu Uyumluluğu

async borusu, her yayında görünümü denetim için açıkça işaretlediğinden zonesiz modda da çalışmayı sürdürür.

<p>{{ data$ | async }}</p>

Üçüncü Taraf Kitaplıklar

Bazı kitaplıklar Zone.js'in otomatik algılama yaptığını varsayar. Zonesiz modda, geri çağırmalarını bir sinyali güncelleyecek veya markForCheck() işlevini el ile çağıracak şekilde sarmanız gerekebilir.

Avantajlar

Zonesiz mod; daha küçük paketler, daha hızlı başlatma, daha az şaşırtıcı ek tik ve daha anlaşılır bir zihinsel model sağlar: kullanıcı arayüzü yalnızca izlediğiniz durum gerçekten değiştiğinde güncellenir.

Deneysel Durum

Sağlayıcının adı provideExperimentalZonelessChangeDetection şeklindedir; bunun nedeni API'nin kararlılığa ulaşma sürecinde olmasıdır. Bu özelliği yeni, sinyal öncelikli uygulamalarda kullanın ve kapsamlı testler yapın.

Hızlı Kontrol

Zonesiz Angular anlayışınızı sınayın.

Özet

provideExperimentalZonelessChangeDetection() kullanıldığında Zone.js'e duyulan ihtiyacın ortadan kalktığını; güncellemelerin daha küçük, hızlı ve öngörülebilir uygulamalar için sinyaller, olaylar, async borusu ve markForCheck() aracılığıyla yönlendirildiğini öğrendiniz.

Sıkça Sorulan Sorular

“Zoneless Angular” dersi ücretsiz mi?

Evet — “Zoneless Angular” 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.

“Zoneless Angular” dersinde ne öğreneceğim?

Angular'ı Zone.js olmadan çalıştırı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 3. dersidir.

“Zoneless Angular” 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