Angular 6 - Panoramica

Sono disponibili cinque versioni principali di Angular. La prima versione rilasciata è Angular 1, chiamata anche AngularJS. Angular 1 è stato seguito da Angular 2, che ha subito molti cambiamenti rispetto ad Angular 1.

La struttura di Angular è basata sull'architettura dei componenti / servizi. AngularJS era basato sul controller di visualizzazione del modello.Angular 6 rilasciato a maggio 2018 si rivela un importante passo avanti ed è l'ultima versione del team Angular dopo Angular 5.

Angular 6 è quasi uguale ad Angular 5. Ha una retrocompatibilità con Angular 5. I progetti sviluppati in Angular 5 funzioneranno senza problemi con Angular 5.

Vediamo ora le nuove funzionalità e le modifiche apportate in Angular 5.

Angular 5 e le sue caratteristiche

Angular 5 è stato rilasciato nel novembre 2017. In base al suo obiettivo di velocità e dimensioni, era molto più veloce e di dimensioni inferiori rispetto a Angular 4. Di seguito sono riportate le funzionalità introdotte in Angular 5.

  • HTTPClient API- L'API HTTPClient è stata introdotta per deprecare la libreria HTTP. L'API HTTPClient è molto più veloce, sicura ed efficiente della libreria HTTP.

  • Multiple export aliases - Un componente può essere esportato utilizzando più alias per facilitare il processo di migrazione.

  • Internationalized Pipes for Number, Date, and Currency - Vengono introdotti nuovi tubi per una migliore standardizzazione.

  • Lambda support - È possibile utilizzare espressioni lambda con nomi propri al posto delle funzioni.

  • Build Optimizer- Introduzione di Build Optimizer. Ottimizza le dimensioni della build e migliora la velocità dell'applicazione. La CLI angolare utilizza automaticamente Build Optimizer.

  • Improved Compiler- Il compilatore da Angular 5 in poi supporta la compilazione incrementale che porta per una compilazione più veloce. Il compilatore utilizza le trasformazioni TypeScript, una nuova funzionalità di TypeScript 2.3 disponibile in poi.

Vediamo ora le nuove funzionalità aggiunte ad Angular 6:

  • Updated Angular CLI, Command Line interface- Aggiunti nuovi comandi, come ng-update per migrare dalla versione precedente alla versione corrente. ng-add per aggiungere rapidamente funzionalità dell'applicazione per rendere l'applicazione un'app Web progressiva.

  • Updated CDK, Component Development Kit- Supporta la creazione di elementi dell'interfaccia utente personalizzati senza bisogno di libreria di materiali angolari. Supporta layout di web design reattivi. Supporta pacchetti overlay per creare pop-up.

  • Updated Angular Material - Aggiunto nuovo componente Tree, mat-tree, una versione con stile e cdk-tree, una versione senza stile, per rappresentare una struttura gerarchica come albero.

  • Usage of RxJS, a reactive JS library

  • Angular Element- Consente la pubblicazione di componenti angolari come componenti Web che possono quindi essere utilizzati in qualsiasi pagina HTML. Utilizzando il pacchetto Angular Element, è possibile creare facilmente elementi personalizzati nativi.

  • Validatori multipli: consente l'applicazione di più validatori su un generatore di moduli.

  • Scuotimento degli alberi sui servizi - Ora lo scuotimento degli alberi può essere applicato anche ai servizi per rimuovere il codice morto.