# Micro-frontend Angular (Angular)

> Module federation, architettura micro-frontend, dipendenze condivise, strategie di deployment, pattern di comunicazione

- 20 domande da colloquio
- Senior
- [Domande da colloquio: Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio.md)

## 1. Cos'è un'architettura micro-frontend nel contesto di Angular?

**Risposta**

Un'architettura micro-frontend suddivide un'applicazione Angular monolitica in applicazioni più piccole e indipendenti, ciascuna sviluppata e distribuita separatamente. Ogni micro-frontend può avere il proprio repository, pipeline CI/CD e team dedicato. Il Module Federation di Webpack 5 è la tecnologia consigliata per implementare questa architettura in Angular, consentendo di caricare dinamicamente codice da altre applicazioni a runtime.

## 2. Qual è il ruolo di Module Federation in un'architettura micro-frontend Angular?

**Risposta**

Module Federation consente la condivisione del codice tra applicazioni Angular a runtime senza rebuild. Ogni micro-frontend espone moduli (remote) che possono essere consumati da altre applicazioni (host). Questo evita la duplicazione del codice, riduce le dimensioni dei bundle e abilita deployment indipendenti. Module Federation gestisce automaticamente il caricamento asincrono, la risoluzione delle dipendenze e la condivisione di librerie comuni come Angular core.

## 3. Qual è la differenza tra un'applicazione host e un'applicazione remote in Module Federation?

**Risposta**

L'applicazione host consuma moduli esposti dai remote. Configura i remote nel suo webpack.config e carica dinamicamente i loro moduli. Un'applicazione remote espone moduli (component, service) per essere consumati da altre applicazioni. La stessa applicazione può essere sia host che remote. L'host controlla lo shell dell'applicazione (header, navigation, layout) mentre i remote forniscono le funzionalità di business.

## Altre 17 domande disponibili

- Come configurare Module Federation in un progetto Angular con @angular-architects/module-federation?
- Perché è importante configurare lo shared scope in Module Federation?

Registrati gratis: https://sharpskill.dev/it/login

## Altri argomenti di colloquio Angular

- [Fondamenti di TypeScript](https://sharpskill.dev/it/technologies/angular/domande-colloquio/typescript-basics.md): 25 domande, Junior
- [TypeScript Avanzato](https://sharpskill.dev/it/technologies/angular/domande-colloquio/typescript-advanced.md): 20 domande, Junior
- [Fondamenti di Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-fundamentals.md): 20 domande, Junior
- [Componenti e ciclo di vita](https://sharpskill.dev/it/technologies/angular/domande-colloquio/components-lifecycle.md): 20 domande, Junior
- [Services & Dependency Injection](https://sharpskill.dev/it/technologies/angular/domande-colloquio/services-dependency-injection.md): 20 domande, Junior
- [Organizzazione dei moduli Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/modules-organization.md): 22 domande, Mid-Level
- [Angular CLI](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-cli.md): 18 domande, Junior
- [Direttive e Pipe](https://sharpskill.dev/it/technologies/angular/domande-colloquio/directives-pipes.md): 22 domande, Mid-Level
- [Routing e Navigazione](https://sharpskill.dev/it/technologies/angular/domande-colloquio/routing-navigation.md): 24 domande, Mid-Level
- [Form reattivi](https://sharpskill.dev/it/technologies/angular/domande-colloquio/forms-reactive.md): 26 domande, Mid-Level
- [Form template-driven](https://sharpskill.dev/it/technologies/angular/domande-colloquio/forms-template-driven.md): 16 domande, Mid-Level
- [Fondamenti di RxJS](https://sharpskill.dev/it/technologies/angular/domande-colloquio/rxjs-fundamentals.md): 22 domande, Mid-Level
- [Operatori RxJS](https://sharpskill.dev/it/technologies/angular/domande-colloquio/rxjs-operators.md): 24 domande, Mid-Level
- [HttpClient e chiamate API](https://sharpskill.dev/it/technologies/angular/domande-colloquio/http-client.md): 22 domande, Mid-Level
- [Gestione dello stato di base](https://sharpskill.dev/it/technologies/angular/domande-colloquio/state-management-basics.md): 20 domande, Mid-Level
- [Change Detection](https://sharpskill.dev/it/technologies/angular/domande-colloquio/change-detection.md): 20 domande, Mid-Level
- [Angular Signals](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-signals.md): 20 domande, Mid-Level
- [Standalone Components](https://sharpskill.dev/it/technologies/angular/domande-colloquio/standalone-components.md): 18 domande, Mid-Level
- [Test unitari in Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/testing-unit.md): 22 domande, Mid-Level
- [Testing End-to-End](https://sharpskill.dev/it/technologies/angular/domande-colloquio/testing-e2e.md): 18 domande, Mid-Level
- [Build e ottimizzazione](https://sharpskill.dev/it/technologies/angular/domande-colloquio/build-optimization.md): 20 domande, Mid-Level
- [Fondamenti di NgRx](https://sharpskill.dev/it/technologies/angular/domande-colloquio/ngrx-fundamentals.md): 24 domande, Senior
- [NgRx avanzato](https://sharpskill.dev/it/technologies/angular/domande-colloquio/ngrx-advanced.md): 24 domande, Senior
- [Architettura Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-architecture.md): 22 domande, Senior
- [Ottimizzazione delle performance](https://sharpskill.dev/it/technologies/angular/domande-colloquio/performance-optimization.md): 22 domande, Senior
- [Sicurezza e best practice](https://sharpskill.dev/it/technologies/angular/domande-colloquio/security-best-practices.md): 20 domande, Senior
- [Pattern RxJS avanzati](https://sharpskill.dev/it/technologies/angular/domande-colloquio/advanced-rxjs-patterns.md): 22 domande, Senior
- [Angular Universal e SSR](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-universal-ssr.md): 20 domande, Senior

---

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