Change Detection
Zone.js, change detection stratejileri, OnPush stratejisi, ChangeDetectorRef, markForCheck, detectChanges, performans optimizasyonu
1Angular'daki change detection mekanizması nedir?
Angular'daki change detection mekanizması nedir?
Cevap
Change detection, Angular'ın uygulama durumundaki değişiklikleri tespit edip DOM'u buna göre güncellediği süreçtir. Varsayılan olarak Angular, Zone.js'i kullanarak asenkron olayları (clicks, HTTP requests, timers) otomatik olarak tespit eder ve kökten itibaren bileşen kontrolünü tetikler. Bu kontrol, DOM'a uygulanacak değişiklikleri belirlemek için bileşen ağacını dolaşır.
2Angular change detection'da Zone.js'in rolü nedir?
Angular change detection'da Zone.js'in rolü nedir?
Cevap
Zone.js, tarayıcının yerel asenkron API'lerine (setTimeout, Promise, addEventListener, vb.) yama uygulayarak yürütmelerini engelleyen bir kütüphanedir. Bir asenkron işlem tamamlandığında, Zone.js Angular'a haber verir ve Angular kök bileşenden otomatik olarak change detection'ı tetikler. Bu, Angular'ın geliştirici müdahalesi olmadan değişiklikleri tespit etmesini sağlar.
3Default ve OnPush stratejileri arasındaki fark nedir?
Default ve OnPush stratejileri arasındaki fark nedir?
Cevap
Default stratejisi, her change detection döngüsünde ağaçtaki tüm bileşenleri kontrol eder, bu pahalı olabilir. OnPush, yalnızca input'ları değişirse (değişmez referanslar), şablonundan bir olay yayılırsa, bir async pipe yeni bir değer alırsa veya markForCheck() manuel olarak çağrılırsa bir bileşeni kontrol ederek optimize eder. OnPush, kontrolleri büyük ölçüde azaltır ve performansı artırır.
Bir bileşende OnPush stratejisi nasıl etkinleştirilir?
Angular bileşeninde ChangeDetectorRef'in amacı nedir?
+17 mülakat soruları
Diğer Angular mülakat konuları
TypeScript Temelleri
TypeScript İleri Seviye
Angular Temelleri
Bileşenler ve yaşam döngüsü
Services & Dependency Injection
Angular Modül Organizasyonu
Angular CLI
Direktifler ve Pipe'lar
Routing ve Navigasyon
Reactive Forms
Template-driven Forms
RxJS Temelleri
RxJS Operatörleri
HttpClient ve API çağrıları
Temel State Yönetimi
Angular Signals
Standalone Components
Angular Birim Testleri
Uçtan Uca Test
Build ve optimizasyon
NgRx Temelleri
İleri Düzey NgRx
Angular Mimarisi
Performans Optimizasyonu
Güvenlik ve En İyi Uygulamalar
Gelişmiş RxJS Desenleri
Angular Universal ve SSR
Angular Mikro-frontend'ler
Bir sonraki mülakatın için Angular'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla