Bileşenler ve yaşam döngüsü
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1Angular'da lifecycle hook nedir?
Angular'da lifecycle hook nedir?
Cevap
Lifecycle hook, bir component veya directive'in yaşam döngüsündeki önemli anlarda Angular tarafından otomatik olarak çağrılan özel bir metoddur. Bu hook'lar oluşturma, güncelleme veya yok etme gibi belirli aşamalarda kod çalıştırmaya olanak tanır. En yaygın hook'lar ngOnInit, ngOnChanges ve ngOnDestroy'dir.
2ngOnInit ne zaman çağrılır?
ngOnInit ne zaman çağrılır?
Cevap
ngOnInit, tüm @Input özellikleri başlatıldıktan sonra ilk ngOnChanges'den sonra bir kez çağrılır. Component verilerini başlatmak, subscription başlatmak veya servisleri çağırmak için ideal hook'tur. Tüm binding'lerin kullanılabilir olması garantilendiği için başlatma mantığı için constructor'a tercih edilir.
3ngOnChanges ve ngOnInit arasındaki temel fark nedir?
ngOnChanges ve ngOnInit arasındaki temel fark nedir?
Cevap
ngOnChanges, bir @Input özelliği değeri her değiştiğinde çağrılır ve eski ve yeni değerleri içeren bir SimpleChanges nesnesi alır. ngOnInit, ilk başlatmadan sonra yalnızca bir kez çağrılır. Input değişikliklerine tepki vermek ve @Input değerlerine bağlı mantığı uygulamak için ngOnChanges kullanın. API çağrıları veya ilk yapılandırma gibi bir kerelik başlatma için ngOnInit'i tercih edin.
Bir component'te neden ngOnDestroy kullanılır?
Bir component oluşturulurken lifecycle hook'lar hangi sırayla çağrılır?
+17 mülakat soruları
Diğer Angular mülakat konuları
TypeScript Temelleri
TypeScript İleri Seviye
Angular Temelleri
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
Change Detection
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