# Angular Micro-frontends (Angular)

> Module federation, micro-frontend architecture, shared dependencies, deployment strategies, communication patterns

- 20 interview questions
- Senior
- [Interview Questions: Angular](https://sharpskill.dev/en/technologies/angular/interview-questions.md)

## 1. What is a micro-frontend architecture in the Angular context?

**Answer**

A micro-frontend architecture splits a monolithic Angular application into smaller, independent applications, each developed and deployed separately. Each micro-frontend can have its own repository, CI/CD pipeline and dedicated team. Webpack 5's Module Federation is the recommended technology to implement this architecture in Angular, allowing dynamic loading of code from other applications at runtime.

## 2. What is the role of Module Federation in an Angular micro-frontend architecture?

**Answer**

Module Federation allows code sharing between Angular applications at runtime without rebuild. Each micro-frontend exposes modules (remotes) that can be consumed by other applications (hosts). This avoids code duplication, reduces bundle sizes and enables independent deployments. Module Federation automatically handles asynchronous loading, dependency resolution and sharing of common libraries like Angular core.

## 3. What is the difference between a host application and a remote application in Module Federation?

**Answer**

The host application consumes modules exposed by remotes. It configures remotes in its webpack.config and loads their modules dynamically. A remote application exposes modules (components, services) to be consumed by other applications. The same application can be both host and remote. The host controls the application shell (header, navigation, layout) while remotes provide business features.

## 17 more questions available

- How to configure Module Federation in an Angular project with @angular-architects/module-federation?
- Why is it important to configure the shared scope in Module Federation?

Sign up for free: https://sharpskill.dev/en/login

## Other Angular interview topics

- [TypeScript Basics](https://sharpskill.dev/en/technologies/angular/interview-questions/typescript-basics.md): 25 questions, Junior
- [TypeScript Advanced](https://sharpskill.dev/en/technologies/angular/interview-questions/typescript-advanced.md): 20 questions, Junior
- [Angular Fundamentals](https://sharpskill.dev/en/technologies/angular/interview-questions/angular-fundamentals.md): 20 questions, Junior
- [Components & Lifecycle](https://sharpskill.dev/en/technologies/angular/interview-questions/components-lifecycle.md): 20 questions, Junior
- [Services & Dependency Injection](https://sharpskill.dev/en/technologies/angular/interview-questions/services-dependency-injection.md): 20 questions, Junior
- [Angular Modules Organization](https://sharpskill.dev/en/technologies/angular/interview-questions/modules-organization.md): 22 questions, Mid-Level
- [Angular CLI](https://sharpskill.dev/en/technologies/angular/interview-questions/angular-cli.md): 18 questions, Junior
- [Directives & Pipes](https://sharpskill.dev/en/technologies/angular/interview-questions/directives-pipes.md): 22 questions, Mid-Level
- [Routing & Navigation](https://sharpskill.dev/en/technologies/angular/interview-questions/routing-navigation.md): 24 questions, Mid-Level
- [Reactive Forms](https://sharpskill.dev/en/technologies/angular/interview-questions/forms-reactive.md): 26 questions, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/en/technologies/angular/interview-questions/forms-template-driven.md): 16 questions, Mid-Level
- [RxJS Fundamentals](https://sharpskill.dev/en/technologies/angular/interview-questions/rxjs-fundamentals.md): 22 questions, Mid-Level
- [RxJS Operators](https://sharpskill.dev/en/technologies/angular/interview-questions/rxjs-operators.md): 24 questions, Mid-Level
- [HttpClient & API Calls](https://sharpskill.dev/en/technologies/angular/interview-questions/http-client.md): 22 questions, Mid-Level
- [Basic State Management](https://sharpskill.dev/en/technologies/angular/interview-questions/state-management-basics.md): 20 questions, Mid-Level
- [Change Detection](https://sharpskill.dev/en/technologies/angular/interview-questions/change-detection.md): 20 questions, Mid-Level
- [Angular Signals](https://sharpskill.dev/en/technologies/angular/interview-questions/angular-signals.md): 20 questions, Mid-Level
- [Standalone Components](https://sharpskill.dev/en/technologies/angular/interview-questions/standalone-components.md): 18 questions, Mid-Level
- [Angular Unit Testing](https://sharpskill.dev/en/technologies/angular/interview-questions/testing-unit.md): 22 questions, Mid-Level
- [End-to-End Testing](https://sharpskill.dev/en/technologies/angular/interview-questions/testing-e2e.md): 18 questions, Mid-Level
- [Build & Optimization](https://sharpskill.dev/en/technologies/angular/interview-questions/build-optimization.md): 20 questions, Mid-Level
- [NgRx Fundamentals](https://sharpskill.dev/en/technologies/angular/interview-questions/ngrx-fundamentals.md): 24 questions, Senior
- [NgRx Advanced](https://sharpskill.dev/en/technologies/angular/interview-questions/ngrx-advanced.md): 24 questions, Senior
- [Angular Architecture](https://sharpskill.dev/en/technologies/angular/interview-questions/angular-architecture.md): 22 questions, Senior
- [Performance Optimization](https://sharpskill.dev/en/technologies/angular/interview-questions/performance-optimization.md): 22 questions, Senior
- [Security & Best Practices](https://sharpskill.dev/en/technologies/angular/interview-questions/security-best-practices.md): 20 questions, Senior
- [Advanced RxJS Patterns](https://sharpskill.dev/en/technologies/angular/interview-questions/advanced-rxjs-patterns.md): 22 questions, Senior
- [Angular Universal & SSR](https://sharpskill.dev/en/technologies/angular/interview-questions/angular-universal-ssr.md): 20 questions, Senior

---

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