Angular Mikro-frontend'ler
Module federation, mikro-frontend mimarisi, paylaşılan bağımlılıklar, dağıtım stratejileri, iletişim desenleri
1Angular bağlamında mikro-frontend mimarisi nedir?
Angular bağlamında mikro-frontend mimarisi nedir?
Cevap
Mikro-frontend mimarisi, monolitik bir Angular uygulamasını her biri ayrı geliştirilen ve dağıtılan daha küçük, bağımsız uygulamalara böler. Her mikro-frontend kendi repository'sine, CI/CD pipeline'ına ve özel ekibine sahip olabilir. Webpack 5'in Module Federation'ı, bu mimariyi Angular'da uygulamak için önerilen teknolojidir ve runtime'da diğer uygulamalardan kodu dinamik olarak yüklemeye olanak tanır.
2Angular mikro-frontend mimarisinde Module Federation'ın rolü nedir?
Angular mikro-frontend mimarisinde Module Federation'ın rolü nedir?
Cevap
Module Federation, rebuild olmadan runtime'da Angular uygulamaları arasında kod paylaşımına olanak tanır. Her mikro-frontend, diğer uygulamalar (host) tarafından tüketilebilen modülleri (remote) açığa çıkarır. Bu, kod tekrarını önler, bundle boyutlarını azaltır ve bağımsız dağıtımları sağlar. Module Federation, asenkron yükleme, bağımlılık çözümleme ve Angular core gibi ortak kütüphanelerin paylaşımını otomatik olarak yönetir.
3Module Federation'da host uygulaması ile remote uygulaması arasındaki fark nedir?
Module Federation'da host uygulaması ile remote uygulaması arasındaki fark nedir?
Cevap
Host uygulaması, remote'lar tarafından açığa çıkarılan modülleri tüketir. webpack.config'inde remote'ları yapılandırır ve modüllerini dinamik olarak yükler. Remote uygulaması, diğer uygulamalar tarafından tüketilecek modülleri (component, service) açığa çıkarır. Aynı uygulama hem host hem de remote olabilir. Host, uygulama shell'ini (header, navigation, layout) kontrol ederken, remote'lar iş özelliklerini sağlar.
@angular-architects/module-federation ile bir Angular projesinde Module Federation nasıl yapılandırılır?
Module Federation'da shared scope'u yapılandırmak neden önemlidir?
+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
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
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