Performans Optimizasyonu
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1Angular'da OnPush stratejisi nedir?
Angular'da OnPush stratejisi nedir?
Cevap
OnPush, kontrolleri bileşen input'larının referansla değiştiği veya dahili bir olayın tetiklendiği durumlarla sınırlayan bir change detection stratejisidir. Bu optimizasyon, karmaşık uygulamalarda algılama döngülerinin sayısını önemli ölçüde azaltır. Sunum bileşenlerine varsayılan olarak OnPush uygulamak, performansı artırmak için iyi bir uygulamadır.
2Bir ngFor direktifinde trackBy'ın ana rolü nedir?
Bir ngFor direktifinde trackBy'ın ana rolü nedir?
Cevap
trackBy, Angular'ın bir listedeki her öğeyi benzersiz şekilde tanımlamasına olanak tanır ve böylece güncellemeler sırasında DOM'un tamamen yeniden oluşturulmasını önler. trackBy olmadan, yalnızca bir öğe değişse bile Angular tüm öğeleri yok edip yeniden oluşturur. Benzersiz bir tanımlayıcı ile trackBy kullanmak, dinamik listelerin performansını önemli ölçüde artırır.
3Angular routing bağlamında lazy loading nedir?
Angular routing bağlamında lazy loading nedir?
Cevap
Lazy loading, yalnızca ilgili rota etkinleştirildiğinde kod indiren bir ertelenmiş modül yükleme tekniğidir. Bu, başlangıç bundle boyutunu azaltır ve uygulamanın ilk gösterimini hızlandırır. Lazy yüklenen modüller, rota yapılandırmasında loadChildren ile tanımlanır.
OnPush ile kontrolü zorlamak için hangi yöntem tetiklenmelidir?
Büyük listeler için virtual scrolling'in temel avantajı nedir?
+19 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
Change Detection
Angular Signals
Standalone Components
Angular Birim Testleri
Uçtan Uca Test
Build ve optimizasyon
NgRx Temelleri
İleri Düzey NgRx
Angular Mimarisi
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