L'attesa è finalmente finita.

Angular 12 è uscito e gli sviluppatori sono entusiasti, ma dovrebbero farlo anche le aziende i cui siti web sono stati creati con Angular. L'aggiornamento di questo framework web basato su TypeScript di Google è stato pubblicato il 12 maggio 2021.

Gli sviluppatori affermano che questa versione di Angular si avvicina al raggiungimento di "Ivy Everywhere". Ivy è il canale di compilazione e rendering della prossima generazione. In altre parole, è molto avanzato e può offrire funzionalità come una maggiore velocità di caricamento della pagina che non erano disponibili prima.

Il team di Angular ha anche annunciato che il View Engine verrà rimosso in una versione futura. Le librerie attuali utilizzano View Engine, che continuerà a funzionare con le app Ivy, ma agli autori della libreria è stato consigliato di iniziare la transizione a Ivy.

Caratteristiche di Angular 12

Il servizio linguistico basato su Ivy offre già diverse funzionalità come il completamento del codice, il passaggio da opt-in a on per impostazione predefinita e suggerimenti all'interno dei modelli. Ecco alcune delle funzionalità aggiuntive e dei miglioramenti nella versione 12 di Angular:

• Compilazione incrementale — Per migliorare le prestazioni della CLI del compilatore, Angular 12 consente la compilazione incrementale in presenza di file sorgente reindirizzati .
• Migliore codifica : la fusione nulla ora funziona con i modelli angolari. Questo può aiutarti a scrivere codice più chiaro nelle classi TypeScript.
• Passaggio automatico alla nuova API : attualmente, Angular Material e Angular CDK espongono una nuova superficie API Sass progettata per il consumo con la nuova sintassi @use. Quando aggiorni ad Angular 12, un'app passerà automaticamente alla nuova API aggiornandosi tramite ng update.
• Funzionalità di migrazione : ora sono disponibili strumenti in Angular 12 che ti aiuteranno a migrare gli ID di localizzazione legacy in ID utilizzando gli algoritmi più recenti.
• Inline SASS : i componenti ora supportano SASS inline nel campo degli stili del decoratore @component.
• Efficiente : l'esecuzione di ng build ora è predefinita per la produzione, che ti aiuta a risparmiare alcuni passaggi e aiuta a prevenire la distribuzione accidentale delle build di sviluppo.
• Modalità rigorosa: la modalità rigorosa è ora abilitata per impostazione predefinita nella CLI. Questo può aiutarti a rilevare gli errori nelle prime fasi del ciclo di sviluppo.
• Webpack 5 : il bundle di moduli Webpack 5 è pronto per la produzione.
• IE11 No More : non è più disponibile il supporto per il browser Internet Explorer 11.
• Supporto del compilatore — Per il compilatore, viene offerto il supporto per la trasformazione delle risorse di stile dei componenti .
• Angolari Completamenti di proprietà - completamenti di proprietà angolari sono ora fornito solo in modelli per il servizio linguistico.
• Opzione di contesto — È stata introdotta un'opzione di contesto per compiler-cli, per inserire qualsiasi richiesta che permetta di fornire dati arbitrari in modo indipendente dai tipi. Questa funzionalità risponde alla necessità di configurare gli interceptor nei client HTTP in base alle richieste.
• Innovazione degli elementi DOM — Per le animazioni, gli elementi DOM ora vengono rimossi correttamente quando viene rimossa la vista principale. Questo è un cambiamento di rottura.
• Rimozione di funzioni non necessarie — Per migliorare le prestazioni, i metodi non utilizzati sono stati rimossi da DomAdapter.
• Legacy Migrate : viene aggiunto un nuovo formato a localize-extract, chiamato legacy-migrate , per generare un file JSON che può essere utilizzato per mappare gli ID dei messaggi legacy a quelli canonici.
• Controlli null migliorati: i controlli null rigorosi segnalano un frammento potenzialmente nullo. Questo è un cambiamento di rottura.
• Miglioramenti di APP INITIALIZER : il tipo di token APP-INITIALIZER è stato modificato per riflettere in modo più accurato i tipi di valori restituiti gestiti da Angular. Questo è un cambiamento di rottura.
• Modifiche alle funzionalità di animazione : è stato aggiunto il supporto per disabilitare le animazioni tramite BrowserAnimationsModulewithConfig.
• Introduzione dell'opzione emitEvent — L' opzione emit event è stata aggiunta per FormArray e FormGroup. Questo è un cambiamento di rottura.
• Controllo migliore : in routerLinkActiveOptions è stato aggiunto un controllo più preciso .
• Implementazioni del router del router: sono consentite implementazioni personalizzate della presa del router.
• Supporto TypeScript : è stato aggiunto il supporto per TypeScript 4.2 e il supporto per TypeScript 4.0 e TypeScript 4.1 è stato eliminato.

• Implementazione del metodo appendAll() su HttpParams .
• Vengono introdotti i validatori Min e Max per i moduli.
• Angular Language Service ora dispone di una funzionalità che consente di accedere alle posizioni dei componenti che utilizzano un file modello.
• La nuova diagnostica ora suggerisce di attivare strictTemplates , offrendo al server della lingua un modo per recuperare la diagnostica delle opzioni del compilatore.

Angular 12 suoni ricchi di un sacco di nuove funzionalità, molte delle quali molto probabilmente apriranno così tante nuove possibilità di creare un'applicazione web. È giusto dire che ci sono un paio di altri framework che stanno dando una degna competizione ad Angular quest'anno.

Sto parlando in particolare di React e Vue. Entrambi questi framework hanno rilasciato le loro ultime versioni durante l'inizio del secondo trimestre di quest'anno.

Quanto bene angolare confronta con Vue e reagire , per non parlare di altri quadri, è qualcosa che si può sempre imparare di più e scegliere quello che meglio si adatta alle vostre esigenze. Spero che questo risolva tutto ciò che è nuovo su Angular 12.