# Angular Mikro-frontend'ler (Angular)

> Module federation, mikro-frontend mimarisi, paylaşılan bağımlılıklar, dağıtım stratejileri, iletişim desenleri

- 20 mülakat soruları
- Senior
- [Mülakat Soruları: Angular](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari.md)

## 1. 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.

## 2. 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.

## 3. 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.

## 17 soru daha mevcut

- @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?

Ücretsiz kaydol: https://sharpskill.dev/tr/login

## Diğer Angular mülakat konuları

- [TypeScript Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/typescript-basics.md): 25 soru, Junior
- [TypeScript İleri Seviye](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/typescript-advanced.md): 20 soru, Junior
- [Angular Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-fundamentals.md): 20 soru, Junior
- [Bileşenler ve yaşam döngüsü](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/components-lifecycle.md): 20 soru, Junior
- [Services & Dependency Injection](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/services-dependency-injection.md): 20 soru, Junior
- [Angular Modül Organizasyonu](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/modules-organization.md): 22 soru, Mid-Level
- [Angular CLI](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-cli.md): 18 soru, Junior
- [Direktifler ve Pipe'lar](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/directives-pipes.md): 22 soru, Mid-Level
- [Routing ve Navigasyon](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/routing-navigation.md): 24 soru, Mid-Level
- [Reactive Forms](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/forms-reactive.md): 26 soru, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/forms-template-driven.md): 16 soru, Mid-Level
- [RxJS Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/rxjs-fundamentals.md): 22 soru, Mid-Level
- [RxJS Operatörleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/rxjs-operators.md): 24 soru, Mid-Level
- [HttpClient ve API çağrıları](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/http-client.md): 22 soru, Mid-Level
- [Temel State Yönetimi](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/state-management-basics.md): 20 soru, Mid-Level
- [Change Detection](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/change-detection.md): 20 soru, Mid-Level
- [Angular Signals](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-signals.md): 20 soru, Mid-Level
- [Standalone Components](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/standalone-components.md): 18 soru, Mid-Level
- [Angular Birim Testleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/testing-unit.md): 22 soru, Mid-Level
- [Uçtan Uca Test](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/testing-e2e.md): 18 soru, Mid-Level
- [Build ve optimizasyon](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/build-optimization.md): 20 soru, Mid-Level
- [NgRx Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/ngrx-fundamentals.md): 24 soru, Senior
- [İleri Düzey NgRx](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/ngrx-advanced.md): 24 soru, Senior
- [Angular Mimarisi](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-architecture.md): 22 soru, Senior
- [Performans Optimizasyonu](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/performance-optimization.md): 22 soru, Senior
- [Güvenlik ve En İyi Uygulamalar](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/security-best-practices.md): 20 soru, Senior
- [Gelişmiş RxJS Desenleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/advanced-rxjs-patterns.md): 22 soru, Senior
- [Angular Universal ve SSR](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-universal-ssr.md): 20 soru, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/micro-frontends-angular