Scopri le nuovissime funzionalità di Angular 9

In questo articolo, impareremo cosa c'è di nuovo in Angular 9. La nuova versione è stata lanciata di recente il 7 febbraio 2020

Anche se il ronzio del cambiamento da 8 a 9 sembra un enorme passo avanti, v9 è una versione straordinaria che include anche la correzione del bug.

Inoltre, ci sono varie interessanti funzionalità di Angular 9 di cui parleremo in questo articolo.

• Sviluppo maturo con Angular
• Funzionalità integrate di Angular
• Mobile angolare e Ivy
• Miglioramenti alla diagnostica angolare
• Type-safe e DI in Angular 9
• Benchmark angolari

Angular è attualmente il framework open source più essenziale per lo sviluppo di applicazioni mobili e web.

È sviluppato da Google. Angular è presente sul mercato da molti anni con un framework di sviluppo completo che include componenti e strumenti necessari per creare applicazioni web.

Angular ha una tabella di marcia pulita con una nuova versione principale in arrivo ogni sei mesi.

Inoltre, il team di Angular lavora molto bene in modo che l'API non cambi o non così spesso come ha fatto da Angular 1 a 2.

Questa è una cosa meravigliosa in quanto mantiene tutto aggiornato con le ultime funzionalità e le migliori pratiche supportate da JavaScript e TypeScript.

Qui, in questo articolo ci concentreremo su uno dei problemi che hanno danneggiato le versioni precedenti di Angular, come i file di grandi dimensioni che hanno influito negativamente sui tempi di download, sulle prestazioni dell'applicazione e sulle conseguenze.

Un'altra caratteristica essenziale su cui ci concentreremo è il compilatore Ivy. Avrai un'idea completa di Ivy e della sua importanza nel futuro di Angular. Risultato finale: risolve vari problemi con le prestazioni delle applicazioni e grandi bundle.

Inoltre, ci sarà una discussione sulle nuove funzionalità, incluso il supporto per l'internazionalizzazione e le associazioni senza selettore.

Informazioni sulle prestazioni e sui bundle JavaScript

Uno dei principali problemi delle precedenti versioni di Angular è la grande dimensione del file dell'app che è equivalente a quella creata nei bundle JavaScript.

Se fai un confronto di Angular con altre librerie come Vue o React, l'app Angular è relativamente buona.

Durante il runtime, non sentirai la differenza. Sebbene le prestazioni di Angular siano buone, il tempo di caricamento richiederà molto tempo perché anche l'app semplice è grande.

La dimensione dei bundle JavaScript fornisce anche il know-how di altri problemi. Ci sono molte cose da imparare con Angular in quanto è un framework completo con apparecchiature di sviluppo integrate, mentre altre
Le librerie JavaScript si concentrano maggiormente sui componenti.

Cosa può fare il team di Angular per mitigare i problemi derivanti da enormi file bundle nella versione passata?

Angular Ivy risolve vari problemi

Una delle funzionalità più essenziali incluse in Angular 8 era l'anteprima dell'opt-in Ivy.

Ivy è attualmente la nuovissima pipeline di rendering e la nuova build interna. Il renderer è generalmente un motore che prende le istruzioni che inserisci nei componenti di Angular con i modelli.

Svolge anche la funzione di tradurre i componenti in istruzioni che modificano il DOM (Document Object Model).

Il compilatore Ivy è nascosto e sta succedendo anche a ViewEngine con Ivy, ma ciò non cambia il modo in cui lavoriamo con Angular. Ma questo non cambia il modo in cui lavori con Angular.

La modifica ha un impatto notevole sul codice che viene generato.

L'anteprima di Angular 8 aiuta l'utente a lavorare facilmente con Ivy. Quando viene utilizzato con il tutorial di Angular 9, Ivy è attualmente uno dei renderer standard.

Se un renderer è facile da implementare ed efficiente, significa che puoi creare meno codice poiché non sono necessarie ulteriori istruzioni.

Ivy fornisce un numero molto inferiore di bundle JavaScript, quindi risolve tutti i punti deboli relativi al bundle di Angular.

Inoltre, Ivy cambierà l'intero gioco in quanto porterebbe le applicazioni Angular a un livello completamente nuovo in termini di dimensioni e prestazioni.

Ivy non trasforma mai il modo in cui viene utilizzato Angular, ma cambia l'intera tecnica di generazione dell'app.

Il team di Angular presta attenzione alle iniziative come il tomo di caricamento differenziale del moderno JavaScript che viene inculcato con Angular.

Ciò significa che vari bundle di polyfill vengono distribuiti e sviluppati insieme.

App mobili agili con Angular Ivy

Smartphone e vari dispositivi rappresentano la maggior parte del traffico mondiale. Inoltre, molte persone accedono alle pagine Web da posizioni con connessioni Internet lente.

La maggior parte degli sviluppatori può correggere le app esistenti per ridurre le dimensioni degli strumenti scaricabili e aumentare l'esperienza dell'utente, ma tali modifiche potrebbero essere davvero costose, difficili e rischiose.

Riducendo le dimensioni dei bundle JavaScript, Ivy diventa un gradito miglioramento per gli sviluppatori che desiderano accelerare la procedura di sviluppo.

Miglioramenti alla diagnostica angolare

In precedenza, il compilatore angolare generava sia la diagnostica API interna che la diagnostica TypeScript. Tuttavia, la diagnostica TypeScript ha beneficiato degli attuali miglioramenti, che non sono stati implementati nella diagnostica API.

Invece di lavorare con più formati, Angular 7 renderà completamente il processo senza soluzione di continuità convertendo tutta la diagnostica di Angular TypeScript Compiler con un tipo simile di formato TypeScript Diagnostics.

L'ultima versione 9 impedirà inoltre alle app di evitare potenziali problemi utilizzando il registro dello schema per verificare i collegamenti DOM.

Inoltre, una diagnostica coerente del modello sarà vantaggiosa nel supportare la generazione di messaggi di errore descrittivi.

Aggiornamento in API Extractor

Angular dipende da varie librerie software che si sviluppano separatamente.

Gli utenti angolari non possono perdere potenziali bug e le ultime funzionalità sono incorporate nelle loro librerie.

In risposta, Angular 9 aggiornerà l'API Extractor alla nuova versione.

Angular utilizza Bazel come attrezzatura open source che consente il test del software e l'automazione degli edifici.

Bazel è uno strumento coinvolto nel tempo di costruzione dalla toolchain Angular.

Offre inoltre il vantaggio del motore del compilatore TypeScript per produrre un rapporto sul contratto, rilevare la superficie dell'API esportata del progetto e la visibilità e l'incoerenza mancanti. Produce documentazione API.

Non è affatto l'aggiornamento entusiasmante, a causa di funzioni come l'estrattore di API e miglioramenti regolari al Language Service che rendono un framework efficiente e produttivo.

Cosa c'è nel futuro di Angular?

Con l'inizio di Angular 9, la comunità può ottenere il vantaggio da piccole applicazioni ad applicazioni ad alte prestazioni e una notevole esperienza di sviluppo.

Gli sviluppatori hanno anche una struttura di progetto più precisa e una sintassi dei tacchetti.

Il team di Angular ha anche anticipato che non sono richiesti grandi cambiamenti nell'APU.

Ci sono più deprecazioni e metodi alternativi per creare componenti?

In futuro, sarà dedicata maggiore attenzione all'utilizzo di più tempo per lo sviluppo di direttive e componenti e sarà dedicato meno tempo per tenerli insieme.

Il team di Angular aiuta anche con alcune raccomandazioni in alcuni problemi del compilatore risolti e nella creazione di pacchetti di moduli.

Durante questo processo, il team esegue anche la migrazione di Terser minimizzato per una migliore analisi del compilatore Ivy in base alla raccomandazione del team di Angular.

Se desideri anche creare un'app mobile utilizzando AngularJS Mobile App Development , è il momento giusto per contattare Elsner.