• Passa alla navigazione primaria
  • Passa al contenuto principale
  • Passa alla barra laterale primaria
  • Passa al piè di pagina
Glue Labs

Glue Labs

Trasformiamo le tue idee in prodotti digitali di successo!

  • HOME
  • SOLUZIONI
  • NEWS
  • PRODOTTI
  • CONTATTI
  • CASE STUDY

Le novità di Angular 9

La rivoluzione Ivy è un upgrade generale del framework

E’ arrivato Angular 9! La nuova versione coinvolge diversi aspetti del framework, da Angular Material alla Command Line Interface(CLI). Questa versione integra di default il nuovo compilatore Ivy, il nome in codice del “next-generation compilation and rendering pipeline“.

Per aggiornare alla versione 9 potete visitare il sito update.angular.io, vi mette a disposizione un form da compilare indicando da quale versione migrate e vi indica cosa dovete fare.

Ivy

Come abbiamo già indicato, con la versione 9 di Angular, tutte le applicazioni fanno uso del compilatore Ivy di default, ciò si traduce in numerosi vantaggi che raccogliamo in una lista per brevità e che dettaglieremo nei prossimi paragrafi:

  • Riduzione delle dimensioni delle applicazioni
  • Rapidità dei test
  • Migliore capacità di debugging
  • Migliore “binding” tra classi e stili CSS
  • Migliore type checking
  • Più comprensibili errori di compilazione
  • Migliori tempi di compilazione ed abilitazione dell’Ahead-of-time
  • Migliore internazionalizzazione

Riduzione delle dimensioni delle applicazioni

Il compilatore Ivy rimuove automaticamente componenti di Angular che non vengono utilizzate, il cosiddetto tree-shaking, permettendo di ridurre le dimensioni delle applicazioni.

In buona sostanza, rispetto alla versione 8, le applicazione piccole hanno un miglioramento del 40% delle dimensioni, quelle medie hanno minimi miglioramenti (intorno al 2%) e quelle grandi e complesse hanno un miglioramento tra il 25% ed il 40%

Rapidità dei test

E’ stato ristrutturato lo strumento TestBed per renderlo più efficiente. In pratica ora TestBed non ricompila ogni singola componente per ogni test ma la compila solo se la componente è stata modificata, ciò si traduce in un miglioramento delle performance dei test tra il 40% ed il 50%.

Migliore capacità di debugging

Quando un’applicazione viene utilizzata in Dev Mode è possibile utilizzare l’oggetto ng per effettuare il debugging, in pratica:

  • puoi chiedere ad Angular di accedere ad istanze delle tue componenti, delle direttive e di molto altro
  • puoi richiamare metodi e stati
  • puoi richiamare i risultati di un change detection con applyChanges
  • è stato migliorata la stack trace ExpressionChangedAfterItHasBeenCheckedError inserendo i link ai riferimenti

Migliore “binding” tra classi e stili CSS

Ora non sono possibili i conflitti nell’applicazione degli stili perchè sono essere programmati in maniera consistente ed efficace. In pratica prima veniva applicato l’ultimo binding valutato, ora l’ordine di precedenza è consistente e verrà applicato il più specifico ([style.color] sarà superiore a [style]). Le regole delle precedenze sono disponibili nella guida ufficiale.

Sono state lasciate invariate, per compatibilità, le funzioni ngStyle e ngClass.

Ora è possibile effettuare il bind di Variabili CSS anche definite Custom Properties.

Migliore type checking

Il compilatore di Angular ora effettua numerose verifiche ed applica regole più stringenti per aiutare i team a trovare i bug durante il processo di sviluppo. In pratica sono state implementate due flag per restringere i controlli:

  • fullTemplateTypeCheck : il compilatore verifica qualsiasi cosa nel template ( ngIf, ngFor, ng-template, ecc…)
  • strictTemplates: viene attivato il più stringente controllo

Puoi trovare maggiori informazioni sulla guida ufficiale.

Più comprensibili errori di compilazione

Fa parte del miglioramento sullo stack di debug e come già indicato viene semplificato il debug con l’aggiunta di utili informazioni allo stack di errore. Per es. potete andare al seguente link.

Migliori tempi di compilazione ed abilitazione dell’Ahead-of-Time (AOT)

Grazie a Ivy è stato possibile raggiungere un 40% di miglioramento nelle performance di compilazione. Questo può dire che anche i build AOT sono più veloci e vengono forniti anche in ambito dev-mode, ciò vuol dire che anche “ng serve” beneficia dei controlli come se l’applicazione fosse in produzione migliorando sensibilmente l’esperienza degli sviluppatori.

Contestualmente è stata deprecata la variabile entryComponents.

Migliore internazionalizzazione

Ora se sviluppi per più lingue puoi beneficiare di miglioramento di 10 volte delle performance di build perchè il processo di build della componente internazionale è stato spostato più avanti.

Glue Labs e Angular

Utilizziamo Angular dalla sua nascita, realizziamo applicazioni, forniamo formazione avanzata e assistenza specialistica in modalità body rental, training on job e con piani di supporto tecnico. Contattaci subito e senza impegno per un preventivo gratuito.

Continua la lettura

  1. Le novità di Angular 14

Categoria: Articoli Tags: angular, angular 8, Angular 9, Ivy, PWA, web application

Barra laterale primaria

Cosa facciamo

  • Content Strategy
  • E-Commerce
  • Formazione avanzata Web, Mobile & Cloud
  • IoT – Sviluppo e Integrazione
  • Micro Live Learning(MLL) Web, Mobile & Cloud
  • Project Management Prince2
  • PushAPE
  • Sicurezza ICT
  • Software Aziendali
  • Sviluppo Mobile App
  • Sviluppo, Supporto, Assistenza Tecnica e Hosting Google Cloud
  • System Integration
  • Web Application
  • Web Design

Contatti

Scrivici dal form di contatto

Tel +39 06 56549766
Fax +39 06 21122581
Mail: info@glue-labs.com
Pec: gluelabs@legalmail.it

Dove siamo

Roma: Piazza Don Sturzo 15
Milano: Via Lazzaretto 19
Torino: Via San Domenico 28
Altamura: Via Maggio 1648 24

"*" indica i campi obbligatori

Nome*
Questo sito è protetto da reCAPTCHA e si applicano le Normative sulla Privacy e i Termini di Servizio di Google.
Inviando i tuoi dati accetti le condizioni sulla Privacy. Li useremo per rispondere alle tue domande e richieste.
Consenso*
Questo campo serve per la convalida e dovrebbe essere lasciato inalterato.

Siamo parte di

La nostra Agenzia di Marketing

Footer

Partnership



Rimaniamo in contatto

Iscriviti alla nostra newsletter

Nome
Questo campo serve per la convalida e dovrebbe essere lasciato inalterato.

Soluzioni

  • Integrazione di Spreaker API con WordPress e Web Application
  • Revisione, validazione, attestazione e Relazione Tecnica su Ricerca & Sviluppo e Innovazione Tecnologica
  • Migrazione da ASP.NET Web Forms e Visual Basic ad Angular Web Application
  • Corso Angular 15
  • Supporto ed Integrazione di SPID e CIE con OpenID Connect
  • Consulenza e Assessment pre-formazione
  • Integrazione con le API di OpenAI e ChatGPT
  • Corso Firebase
  • Corso Cucumber per Javascript
  • Supporto ed Assistenza nell’implementazione ed utilizzo dei Kit di Designers Italia

Articoli

  • Le 4 metriche principali delle Performance del DevOps
  • Come trasformare una Web Application in una Mobile App: Capacitor di Ionic
  • Moodle per essere compliant con gli obblighi formativi in ambito sicurezza sul lavoro
  • Perchè adottare il modello One Concern(o Application) One Container
  • Perchè utilizzare la WebAR
  • Le 3 ragioni per implementare un chatbot nella tua azienda
  • I 5 fattori che impattano sulla reliability delle applicazioni
  • Le 10 innovazioni che modificheranno i servizi IT nel 2023
  • DevSusOps: sviluppare per la sostenibilità del software e delle architetture IT
  • Cos’è la Communications Platform as a Service(CPaaS) e perchè utilizzarla

Le nostre sedi

  • Roma, Piazza Don Sturzo 15
  • Milano, Via Lazzaretto 19
  • Torino, Via San Domenico 28
  • Altamura, Via Maggio 1648 24

Contatti

  • Tel. +39 06 87811067
  • Fax +39 06 99335373
  • glue-labs@legalmail.it
  • info@glue-labs.com
  • Facebook
  • LinkedIn
  • Twitter

Scarica app da App StoreScarica app da Play Store


Glue Labs © 2011–2023 | Copyright | Privacy Policy | Company Info | Cookie Policy | Gestione Cookies

Gestisci Consenso Cookie
Usiamo cookie per ottimizzare il nostro sito web ed i nostri servizi.
Funzionale Sempre attivo
La conservazione tecnica o l'accesso sono strettamente necessari al fine legittimo di consentire la fruizione di uno specifico servizio esplicitamente richiesto dall'abbonato o dall'utente, o al solo fine di effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica.
Preferenze
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistiche
L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente a fini statistici anonimi. Senza un mandato di comparizione, il rispetto volontario da parte del tuo provider di servizi Internet o registrazioni aggiuntive da parte di terzi, le informazioni archiviate o recuperate solo per questo scopo non possono essere generalmente utilizzate per identificarti. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
L'archiviazione tecnica o l'accesso è necessario per creare profili utente per inviare pubblicità o per tracciare l'utente su un sito Web o su più siti Web per scopi di marketing simili.
Gestisci opzioni Gestisci servizi Gestisci fornitori Per saperne di più su questi scopi
Gestisci preferenze
{title} {title} {title}