• 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

Angular 5 – le novità rispetto ad Angular 4

Build Optimizer, RxJS, Localizzazione, ExportAs e Router Events

Angular si rinnova e rilascia ufficialmente la versione Angular 5.0.0, riepiloghiamo di seguito le novità rispetto ad Angular 4.

Ottimizzazione della build

Ora attraverso la Command Line Interfcae (CLI) verrà applicato di default il build optimizer, un tool che permettere di rendere le build delle applicazioni più leggere rimuovendo parti addizionali dell’applicazione che non sono necessarie in produzione ( pure marking) e rimuovendo i decorator dal codice.
I vantaggi principali di questo miglioramento sono la diminuzione del codice JavaScript ed il consequenziale aumento della velocità di boot per gli utenti.

Angular Universal State Transfer API e supporto al DOM

Ora è possibile condividere più facilmente lo stato dell’applicazione tra versioni server e client dell’applicativo.
Angular Universal è un progetto focalizzato a permettere il rendering lato server (SSR) di applicazioni Angular permettendo di aggiungere supporto per gli scraper ed i crawler che non posso gestire JavaScript e di migliorare le performance della Web Application.
In particolare sono stati aggiunti i moduli ServerTransferStateModule e BrowserTransferStateModule che permettono di trasferire informazioni tra Server e Client.

Inoltre è stato implementata la manipolazione del DOM lato server aggiungendo l’estensione Domino.

Miglioramenti nel Compiler

E’ stato migliorato il Compiler con il supporto alla compilazione incrementale per certamente più rapidi rebuild dell’applicazione soprattutto con i build Ahead-of-time (AOT).
In particolare grazie al fatto che il compiler opera come Transform TypeScript( una nuova funzionalità disponibile da TypeScript 2.3) è possibile ridurre i tempi di build anche del 95%.

Inoltre è possibile ora scegliere se preservare la formattazione come tab e spazi nella build semplicemente inserendo tale configurazione nel decorator o nel file tsconfig.son con il comando “preserveWhitespaces: false“. Per approfondimenti puoi visitare il seguente link.

Supporto Cross Browser di Numeri, Date e Moneta

E’ stata migliorata la standardizzazione cross browser di numeri, date e monete per evitare la necessità di polyfill i18n.  Nella versione 4, Angular utilizzava la formattazione del browser mentre ora nella versione 5 utilizza una propria implementazione basata su CLDR per fornire ampio supporto a qualsiasi localizzazione. E’ possibile approfondire tali differenze al seguente articolo.
E’ comunque possibile usare il modulo DeprecatedI18NPipesModule per mantenere il vecchio comportamento di Angular.

Sostituzione del ReflectiveInjector con StaticInjector

E’ stato sostituito il ReflectiveInjector con lo StaticInjector per ridurre la dimensione dell’applicazione e l’aggiunta di polyfill.

Miglioramento della velocità delle Zone

E’ stata migliorata la velocità delle zone ed è stata data possibilità di bypassare completamente le zone per applicazioni ancora più performanti. Per un esempio puoi visitare il seguente link.

Aggiunta di exportAs

E’ stato aggiunto il supporto per nomi multipli per components e directives. Funzionalità utile per migrazione di codice come è già stato nel caso di Angular Material.

Aggiunta della validazione dei form onBlur e onSubmit

Puoi ora validare i form sugli eventi onBlur e OnSubmit invece che su ogni evento di input, inoltre puoi specificare una validazione asincrona ( asyncValidators) direttamente nelle opzioni dell’oggetto anche per reactive form.

Utilizzo di RxJS 5.5.2 e superiori

E’ stato aggiunto l’utilizzo delle versioni 5.5.2 e superiori di RxJS al fine di beneficiare di una nuova modalità di utilizzo di RxJS chiamata “lettable operators“.

Nuovo ciclo di vita degli eventi per il router

E’ stato aggiunto un nuovo ciclo di vita degli eventi al router che permette agli sviluppatori di tracciare tutto il ciclo. I nuovi eventi sequenziali sono : GuardsCheckStart, ChildActivationStart, ActivationStart, GuardsCheckEnd, ResolveStart, ResolveEnd, ActivationEnd, ChildActivationEnd.

Come aggiornare Angular

Il team ufficiale di Angular ha scritto una guida disponibile attraverso il seguente link su come effettuare l’update di Angular e le relative applicazioni.

Glue Labs e Angular 5

Esperti di Angular, eroghiamo corsi di formazione su Angular 5 e forniamo assistenza tecnica per sviluppo funzionalità e bugfixing. Realizziamo Web Application e le possiamo ospitare in Google Cloud grazie al nostro servizio di hosting con consulenza gratuita inclusa. Contattaci subito senza impegno per maggiori informazioni.

Continua la lettura

  1. Le novità di Angular 14

Categoria: Articoli Tags: Angular 2, angular 4, angular 5, AngularJS, assistenza angular, corso angular, Hosting GCP, RxJS, 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

  • 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
  • Realizzazione di Tour Virtuali 3D

Articoli

  • 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 novità di Angular 15

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}