• 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 11

Linting, CLI, Webpack 5, Language Service e Hot Module Replacement (HMR)

E’ arrivato Angular 11! La nuova versione coinvolge diversi aspetti del framework, dal framework stesso ai Componenti per passare alla Command Line Interface(CLI). Come sempre l’aggiornamento rende più funzionale e ricco il framework.

Per aggiornare alla versione 11 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.

Operation Byelog

Con questo aggiornamento, come promesso nella Roadmap Ufficiale, si è voluto dare una sferzata alla risoluzione di vecchi bug e segnalazioni della community rimaste appese nel tempo, infatti la nuova release include più di 100 commit.

Inline automatico dei font

Al fine di velocizzare il rendering applicativo anche chiamato First Contentful Paint (FCP) e quindi migliorare le performance generali, durante la compilazione, la Angular CLI automaticamente effettuerà il download e l’inserimento in linea (inline) dei font utilizzati linkandoli all’interno dell’applicazione. Sarà un processo automatico e dovrete solo beneficiare di questa novità.

Component Test Harness

La Component Test Harness è stata introdotta in Angular 9 per fornire una superficie di API che aiutasse a testare le componenti di Angular Material. Con questo rilascio tale funzionalità è stata resa disponibile per tutte le componenti del framework.

Grazie alla funzione parallel è possibile rendere operativi in maniera simultanea test asincroni di interazione con le componenti. Mentre grazie a manualChangeDetection gli sviluppatori potranno effettuare un tuning granulare del comportamento applicativo durante il change detection.

L’argomento, probabilmente, è complesso e per questo vi consigliamo, per chi volesse approfondire, di leggere la documentazione ufficiale sul Component Test Harness.

Miglioramento del Reporting e del Logging

Log e Report fanno parte della vita di ogni sviluppatore, per questo, nella versione 11 i sistemi di Reporting e Logging sono stati ulteriormente migliorati per renderli di semplice lettura.

Language Service Preview

La funzionalità di Angular Language Service aiuta gli sviluppatori durante lo sviluppo e con questo aggiornamento c’è stato un deciso utilizzo dell’engine Ivy migliorando l’esperienza complessiva e potendo fornire informazioni più utili agli sviluppatori come la possibilità di inserire i tipi di dati nelle funzioni in stile TypeScript.

Hot Module Replacement (HMR)

Finora la funzionalità di HMR, vale a dire la possibilità di aggiornare l’applicazione a runtime, richiedeva configurazioni e tuning del codice sorgente. Ora, invece è possibile abilitare HRM lanciando il comando ng serve –hmr .

Build Rapide

Con la versione 11 il processo di ngcc update è più veloce dalle 2 alle 4 volte della versione precedente, mentre con TypeScript v4.0 l’intero processo di build è molto più rapido.

Supporto sperimentale a Webpack 5

E’ possibile sperimentare la module federation di Webpack 5 ed iniziare da operare con disk caching e tree-shaking. Essendo sperimentale è opportuno evitare di utilizzare Webpack 5 in ambienti di produzione.

Linting

Linting è il processo per analizzare il codice alla scoperta di bug, warnings, stili, cambiamenti e tutto quanto è correlato.

Le versioni precedenti di Angular contenevano un’implementazione di default per il linting(TSLint). TSLint è stata deprecata ed ora è consigliato migrare verso ESLint disponbile in vari progetti:  typescript-eslint, angular-eslint and tslint-to-eslint-config.

Nelle prossime versioni di Angular il supporto a ESLint sarà nativo.

Deprecazioni

Con questa versione è stato rimosso il supporto a IE9/IE10 e IE Mobile, mentre rimane IE11, l’unica ancora supportata.

Sono state contestualmente deprecate alcune API, per una lista completa potete visitare il seguente link.

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. Abbiamo realizzato progetti complessi con numerosi Clienti che coinvolgevano integrazione in ambito OT, IoT, Cloud e Mobile con sviluppo cross-platform. Contattaci subito e senza impegno per un preventivo gratuito.

Continua la lettura

  1. Le novità di Angular 14

Categoria: Articoli Tags: angular, angular 11, byelog, first contentful paint, hot module replacement, language service, Webpack

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

  • 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}