# Architettura Angular (Angular)

> Smart vs presentational components, feature modules, core modules, shared modules, monorepo con Nx, struttura delle cartelle

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

## 1. 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.

## 2. 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.

## 3. 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.

## Altre 19 domande disponibili

- Qual è il ruolo di un Core Module in un'architettura Angular?
- Perché importare il Core Module una sola volta in AppModule?

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
- [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
- [Micro-frontend Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/micro-frontends-angular.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/angular-architecture