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

Angular Signals, Hydration, Standalone Application e supporto a Jest tra le novità

E’ arrivato Angular 16! La nuova versione è la sintesi di numerosi miglioramenti all’esperienza di sviluppo ed alle performance applicative. Come sempre l’aggiornamento rende più funzionale e ricco il framework.

Per aggiornare alla versione 16 puoi visitare il sito update.angular.io che ti mette a disposizione un form da compilare indicando da quale versione migrare e ti indica cosa devi fare. Se hai bisogno di assistenza contattaci subito e senza impegno.

Reattività

Nella versione 16 trova spazio un nuovo modello di reattività applicativa che porta significativi miglioramenti nelle performance e nell’esperienza di sviluppo. Oltre ad essere completamente compatibile con la precedente versione di Angular il nuovo modello fornisce:

  • riduzione delle computazione durante il change detection;
  • semplificazione della vista delle dipendenze e del flusso dei dati attraverso l’applicazione;
  • reattività granulare fino a livello componente;
  • computed properties cioè proprietà dinamiche che non vengono ricomputate durante il ciclo di change detection;
  • migliore interoperabilità con RxJS.

Angular Signals

Angular Signals è la libreria che ti permette di definire le reactive value e di esprimere le dipendenze tra di esse. Puoi approfondire le proprietà della libreria al seguente link.

Interoperabilità con RxJS

Puoi “convertire” un segnale in un observable attraverso la funzione toObservable() e puoi fare il contrario attraverso la funzione toSignal(). Inoltre è stato introdotto un nuovo operatore takeUntilDestroy() per unire il ciclo di vita magari di un observable a quello di una component.

Server-side rendering e Hydration

Il Server-side rendering è uno degli aspetti più richiesti dalla community ed attraverso la partnership con il team di Chrome Aurora, dalla versione 16, è disponibile la nuova full app non-destructive hydration che permette ad Angular di non effettuare il rendering dell’applicazione dall’inizio. Invece il framework cerca gli esistenti nodi DOM mentre sta costruendo la struttura interna e gli unisce con i listener. I vantaggi sono:

  • nessun sfarfallio in qualsiasi pagina;
  • migliori Web Core Vitals;
  • integrazione semplice con le applicazioni già sviluppate;
  • possibilità di adozione incrementale dell’hydration con l’operatore ngSkipHydration;
  • miglioramento del 45% delle performance in ambito Largest Contentful Paint.

Applicazioni standalone

Puoi creare un nuovo progetto standalone dall’inizio attraverso:

ng new –standalone

così ottenendo un progetto semplice senza alcun NgModules e tutti i generatori produrranno directive, component e pipe esclusivamente standalone!

Strumenti per gli sviluppatori

Viene utilizzato Vite in ng serve per il server di sviluppo ed esbuild potenzia sia l’ambito di sviluppo sia di produzione.

Oltre a questo viene introdotto il supporto per Jest per effettuare i test sul codice e migliorare la qualità di quanto sviluppato.

Infine trovano spazio alcune comodità per lo sviluppatore come:

  • auto-import di component e pipe nel language service;
  • decorator di ECMAScript;
  • nuove funzioni per Angular CLI.
  • self-closing tags per semplificare la scrittura di codice.

Routing data come input delle component

Viene introdotta la capacità di effettuare il bind di parametri di routing al corrispondente input nella component. In pratica è possibile indicare alla rotta non solo i classici parametri di instradamento ma anche dettagliarli ulteriormente spingendosi fino alla singola funzione di input.

Angular Material

Nell’ottica della futura introduzione di Material 3 e di perseguire i concetti del Material Design vengono sempre più ridotte le componenti non-MDC affinchè dalla versione 17 non siano più disponibili. Pertanto occorrerà migrare quanto prima.

Glue Labs e Angular

Utilizziamo Angular dalla sua nascita, ti forniamo sviluppo di applicazioni, formazione avanzata e assistenza specialistica in modalità Time & Material, training on job e con piani di supporto tecnico per i tuoi progetti. Abbiamo integrato Angular in applicativi complessi ed in ambiti critici diventando partner tecnologico di numerosi Clienti. Le compotenze ci permettono di garantirti ogni nostro progetto di sviluppo 12 mesi da qualsiasi bug. Contattaci subito e senza impegno per un preventivo gratuito.

Continua la lettura

  1. Le novità di Angular 14
  2. Le novità di Angular 15
  3. Le novità di Angular 13

Categoria: Articoli Tags: angular, angular 15, angular 16, assistenza angular, hydration, Jest, Material Design, RxJS, Server Side Rendering(SSR), vite

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

  • Corso Intelligenza Artificiale per lo sviluppo di software
  • Piani Enterprise di Consulenza Tecnica in ambito Web, Mobile e Cloud
  • Corso Rust Base e Avanzato
  • Integrazione di Passkey di Google nelle Web e Mobile Application
  • Consulenza, assistenza e supporto di Cloud Engineer
  • Sportello virtuale con il sistema Jitsi
  • Time & Material – Web Designer
  • Corso Angular 16
  • Time & Material personale IT
  • Assistenza, Supporto e Sviluppo NestJS e Node.js

Articoli

  • I 6 vantaggi della Unified Communication as a Service(UCaaS)
  • Da Cloud Hosted a Cloud Native Application: le funzionalità da aggiungere
  • Gadget NFC: come gestire il cliente(App e Pagamenti) con braccialetti e ciondoli
  • Come gestire Java Full-Stack Application: Hilla
  • Una possibile architettura software per implementare “by Default” il GDPR nelle applicazioni
  • Come ridurre la latenza del 60%: l’esperienza di Linkedin
  • Cosa sono ed a cosa servono Technology Radar, Standard Tecnologici interni ed Architectural Decision Record(ADR)
  • KEDA: un AutoScaler Event-Driven per Kubernetes
  • Le novità di NestJS 10
  • Cos’è e come funziona la nuova metrica Interaction to Next Paint(INP) delle Core Web Vitals

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 | Codice Etico | Company Info | Cookie Policy

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 {vendor_count} fornitori Per saperne di più su questi scopi
Gestisci preferenze
{title} {title} {title}