Micro-frontend Angular
Module federation, architettura micro-frontend, dipendenze condivise, strategie di deployment, pattern di comunicazione
1Cos'è un'architettura micro-frontend nel contesto di Angular?
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.
2Qual è il ruolo di Module Federation in un'architettura micro-frontend Angular?
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.
3Qual è la differenza tra un'applicazione host e un'applicazione remote in Module Federation?
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.
Come configurare Module Federation in un progetto Angular con @angular-architects/module-federation?
Perché è importante configurare lo shared scope in Module Federation?
+17 domande da colloquio
Altri argomenti di colloquio Angular
Fondamenti di TypeScript
TypeScript Avanzato
Fondamenti di Angular
Componenti e ciclo di vita
Services & Dependency Injection
Organizzazione dei moduli Angular
Angular CLI
Direttive e Pipe
Routing e Navigazione
Form reattivi
Form template-driven
Fondamenti di RxJS
Operatori RxJS
HttpClient e chiamate API
Gestione dello stato di base
Change Detection
Angular Signals
Standalone Components
Test unitari in Angular
Testing End-to-End
Build e ottimizzazione
Fondamenti di NgRx
NgRx avanzato
Architettura Angular
Ottimizzazione delle performance
Sicurezza e best practice
Pattern RxJS avanzati
Angular Universal e SSR
Padroneggia Angular per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis