Architettura Angular
Smart vs presentational components, feature modules, core modules, shared modules, monorepo con Nx, struttura delle cartelle
1Qual è la differenza principale tra uno smart component e un presentational component?
Qual è la differenza principale tra uno smart component e un presentational component?
Risposta
I smart components (o container components) gestiscono la logica di business, le chiamate API e lo stato dell'applicazione tramite servizi o state management. I presentational components si concentrano esclusivamente sulla visualizzazione e ricevono i dati tramite @Input, emettendo eventi tramite @Output. Questa separazione migliora la testabilità e la riutilizzabilità dei componenti.
2Qual è il principale vantaggio dell'uso dei presentational components?
Qual è il principale vantaggio dell'uso dei presentational components?
Risposta
I presentational components sono altamente riutilizzabili perché non dipendono da servizi o da logica di business specifica. Ricevono tutti i dati tramite @Input e comunicano tramite @Output, risultando facilmente testabili con dati mockati e riutilizzabili in contesti diversi. Questo approccio favorisce inoltre l'uso della strategia OnPush per ottimizzare le prestazioni.
3Cos'è un feature module in Angular?
Cos'è un feature module in Angular?
Risposta
Un feature module è un modulo Angular che incapsula una specifica funzionalità di business dell'applicazione (esempio: gestione utenti, carrello). Contiene tutti i componenti, servizi, direttive e pipe necessari per quella funzionalità. I feature module possono essere caricati in lazy loading per migliorare le prestazioni e favoriscono un'architettura modulare scalabile.
Qual è il ruolo di un Core Module in un'architettura Angular?
Perché importare il Core Module una sola volta in AppModule?
+19 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
Ottimizzazione delle performance
Sicurezza e best practice
Pattern RxJS avanzati
Angular Universal e SSR
Micro-frontend Angular
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