# Micro-frontends Angular (Angular)

> Module federation, arquitetura de micro-frontends, dependências compartilhadas, estratégias de implantação, padrões de comunicação

- 20 perguntas de entrevista
- Senior
- [Perguntas de entrevista: Angular](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista.md)

## 1. O que é uma arquitetura de micro-frontend no contexto Angular?

**Resposta**

Uma arquitetura de micro-frontend divide uma aplicação Angular monolítica em aplicações independentes menores, cada uma desenvolvida e implantada separadamente. Cada micro-frontend pode ter seu próprio repository, pipeline CI/CD e equipe dedicada. O Module Federation do Webpack 5 é a tecnologia recomendada para implementar essa arquitetura no Angular, permitindo carregar dinamicamente código de outras aplicações em runtime.

## 2. Qual é o papel do Module Federation em uma arquitetura de micro-frontend Angular?

**Resposta**

O Module Federation permite compartilhar código entre aplicações Angular em runtime sem rebuild. Cada micro-frontend expõe módulos (remotes) que podem ser consumidos por outras aplicações (hosts). Isso evita a duplicação de código, reduz o tamanho dos bundles e permite implantações independentes. O Module Federation gerencia automaticamente o carregamento assíncrono, a resolução de dependências e o compartilhamento de bibliotecas comuns como o Angular core.

## 3. Qual é a diferença entre uma aplicação host e uma aplicação remote no Module Federation?

**Resposta**

A aplicação host consome módulos expostos pelos remotes. Ela configura os remotes em seu webpack.config e carrega seus módulos dinamicamente. Uma aplicação remote expõe módulos (components, services) para serem consumidos por outras aplicações. Uma mesma aplicação pode ser tanto host quanto remote. O host controla o shell da aplicação (header, navigation, layout) enquanto os remotes fornecem as funcionalidades de negócio.

## Mais 17 perguntas disponiveis

- Como configurar o Module Federation em um projeto Angular com @angular-architects/module-federation?
- Por que é importante configurar o shared scope no Module Federation?

Cadastre-se gratis: https://sharpskill.dev/pt/login

## Outros temas de entrevista Angular

- [Fundamentos do TypeScript](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/typescript-basics.md): 25 perguntas, Junior
- [TypeScript Avançado](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/typescript-advanced.md): 20 perguntas, Junior
- [Fundamentos do Angular](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/angular-fundamentals.md): 20 perguntas, Junior
- [Componentes e ciclo de vida](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/components-lifecycle.md): 20 perguntas, Junior
- [Services & Dependency Injection](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/services-dependency-injection.md): 20 perguntas, Junior
- [Organização de Módulos Angular](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/modules-organization.md): 22 perguntas, Mid-Level
- [Angular CLI](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/angular-cli.md): 18 perguntas, Junior
- [Diretivas e Pipes](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/directives-pipes.md): 22 perguntas, Mid-Level
- [Routing e Navegação](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/routing-navigation.md): 24 perguntas, Mid-Level
- [Formulários reativos](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/forms-reactive.md): 26 perguntas, Mid-Level
- [Formulários template-driven](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/forms-template-driven.md): 16 perguntas, Mid-Level
- [Fundamentos do RxJS](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/rxjs-fundamentals.md): 22 perguntas, Mid-Level
- [Operadores RxJS](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/rxjs-operators.md): 24 perguntas, Mid-Level
- [HttpClient e chamadas de API](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/http-client.md): 22 perguntas, Mid-Level
- [Gerenciamento de estado básico](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/state-management-basics.md): 20 perguntas, Mid-Level
- [Change Detection](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/change-detection.md): 20 perguntas, Mid-Level
- [Angular Signals](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/angular-signals.md): 20 perguntas, Mid-Level
- [Standalone Components](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/standalone-components.md): 18 perguntas, Mid-Level
- [Testes unitários em Angular](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/testing-unit.md): 22 perguntas, Mid-Level
- [Testes End-to-End](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/testing-e2e.md): 18 perguntas, Mid-Level
- [Build e otimização](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/build-optimization.md): 20 perguntas, Mid-Level
- [Fundamentos do NgRx](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/ngrx-fundamentals.md): 24 perguntas, Senior
- [NgRx avançado](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/ngrx-advanced.md): 24 perguntas, Senior
- [Arquitetura Angular](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/angular-architecture.md): 22 perguntas, Senior
- [Otimização de desempenho](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/performance-optimization.md): 22 perguntas, Senior
- [Segurança e boas práticas](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/security-best-practices.md): 20 perguntas, Senior
- [Padrões avançados de RxJS](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/advanced-rxjs-patterns.md): 22 perguntas, Senior
- [Angular Universal e SSR](https://sharpskill.dev/pt/technologies/angular/perguntas-entrevista/angular-universal-ssr.md): 20 perguntas, Senior

---

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