Standalone Components
Standalone components, imports, providers, bootstrapping, migrazione da NgModules, nuova struttura dell'applicazione
1Cos'è un standalone component in Angular?
Cos'è un standalone component in Angular?
Risposta
Uno standalone component è un componente Angular che definisce standalone: true nel suo decoratore @Component. Questo permette al componente di gestire i propri imports e providers senza richiedere un NgModule. Gli standalone components semplificano l'architettura eliminando la necessità di moduli intermedi per organizzare le dipendenze.
2Come dichiarare un standalone component?
Come dichiarare un standalone component?
Risposta
Per creare uno standalone component, basta aggiungere la proprietà standalone: true nel decoratore @Component. Questa semplice dichiarazione rende il componente indipendente da qualsiasi NgModule e permette di gestire imports e providers direttamente nei metadata del componente, eliminando la necessità di dichiarazione esterna in un modulo.
3Come importare un altro componente in un standalone component?
Come importare un altro componente in un standalone component?
Risposta
In un standalone component, le dipendenze (componenti, direttive, pipes) sono aggiunte direttamente nell'array imports del decoratore @Component. Ogni componente può importare altri standalone components, direttive, pipes o persino NgModules classici. Questo elimina la necessità di NgModules intermedi per gestire le dipendenze tra componenti e semplifica l'architettura.
Quale funzione utilizzare per fare il bootstrap di un'applicazione con un standalone component?
Come configurare providers globali con bootstrapApplication?
+15 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
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
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