• 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 Ionic 6

Accordion, Breadcrumbs, Custom Elements, Rollup e iOS 15 tra le novità

Ionic è il framework per le Progressive Web App (PWA) e le Cross Platform Mobile App tra i più usati al mondo e, dopo un anno di lavoro, è stato annunciato l’arrivo della versione 6.

Consolidando il framework come l’ideale per costruire applicazioni Web Native, Ionic raccogliere e fa sua l’esigenza, dettata dalla community, di essere maggiormente aderente ai rilasci dei nuovi design di iOS e Android promettendo una major release ogni anno. Scopriamo le novità di Ionic 6.

Components

In questa versione vengono inserite nuove componenti da poter usare per rendere attive nuove esperienze in ambito mobile e desktop. Tra queste:

  • Accordion: ion-accordion rende possibile di organizzare facilmente una larga quantità di contenutoi. Viene fornita insieme ad altre funzionalità che ne arricchiscono la qualità come: smooth animation, supporto per la tastiera, accessibilità, possibilità di utilizzo anche in ambito Desktop. Per un approfondimento puoi visualizzare la documentazione ufficiale.
  • Breadcrumbs: ion-breadcrumbs rende possibile far visualizzare all’utente il contesto in cui sta navigando rendendolo partecipe di come ci sia arrivato e cosa può raggiungere. E’ completamente personalizzabile per applicazioni complesse. Per un approfondimento puoi visualizzare la documentazione ufficiale.
  • Datetime: è stata riscritta la componente ion-datetime. Aggiornata agli ultimi stili e design di iOS e Android, permette supporto alla localizzazione, accesso alla keyboard ed allo screen reader. Per un approfondimento puoi visualizzare la documentazione ufficiale.

Performance e Strumenti

Ionic Framework è costruito per comportarsi in maniera veloce come le applicazioni native. Per permettere tutto questo Ionic fa un largo uso delle moderne Web API e di Stencil. Attraverso due nuove funzionalità permette di migliorare ulteriormente le performance complessive:

  • Custom Elements: è possibile utilizzare le build di Custom Elements non utilizzando il lazy loading di Stencil permettendoti di includere nel bundle solo le effettive componenti utilizzate dalla tua applicazione riducendone la dimensione. Per es. il Custom Element aggiunto in Ionic Vue ha permesso una riduzione della dimensione del 70%.
  • Vite, Rollup e ESBuild: ora Ionic 6 potrà essere utilizzato con strumenti come Vite, Rollup e ESBuild permettendo ad ogni sviluppatore di avere a disposizione più opzioni per effettuare le build.

Design

Ionic 6 segue le linee guida in ambito design di iOS e Android per essere sempre aderente alle novità apportate per tutti gli utilizzatori degli smartphone. In particolare:

  • iOS: sono stati inclusi gli aggiornamenti sullo stile e sulla toolbar per il dark mode, inoltre è già pronto per il nuovo rilascio di iOS 15.
  • Android: è incluso il Material Design ed il supporto sui nuovi stili di filled e outline, inoltre già è pronto per il nuovo Material You annunciato durante il Google I/O.

Deprecations

Come in ogni nuova release, ci sono diverse funzionalità che vengono messe da parte:

  • Virtual Scroll: viene deprecata la componente ion-virtual-scroll in favore delle soluzioni migliori. Per migrare la funzionalità puoi leggere la documentazione ufficiale.
  • Slides: viene deprecata la componente ion-slides in favore di Swiper.js. Per migrare la funzionalità puoi leggere la documentazione ufficiale.

Glue Labs e Ionic

Usiamo Ionic dalla sua nascita e realizziamo la tua applicazione Ionic con garanzia 12 mesi da qualsiasi bug, ti forniamo supporto, assistenza e formazione avanzata in ambito Ionic. Grazie alle competenze specialistiche maturate in tantissimi settori e con numerosi Clienti ti permettiamo di raggiungere i tuoi obiettivi di business e di progresso tecnologico. Contattaci subito e senza impegno per un preventivo gratuito.

Continua la lettura

  1. Ionic vs Mendix
  2. Come trasformare una Web Application in una Mobile App: Capacitor di Ionic
  3. Le novità di Flutter 2.10

Categoria: Articoli Tags: android, Cross Platform Application, esbuild, ionic, ionic 6, ionic framework, iOS, Material Design, Material You, Progressive Web Application, PWA, rollup, Web Native

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

Articoli

  • Apache Airflow: una piattaforma per l’orchestrazione dei workflow
  • Le novità di Angular 16
  • Come avere uno spazio per dati privati e confidenziali su Cloud: Confidential Space
  • Il modello Zero Trust applicato allo sviluppo software
  • Vonage Dialer per automatizzare le chiamate ed aumentare le vendite
  • Come comunicare con i dispositivi Bluetooth tramite Javascript: Web Bluetooth API
  • PostgreSQL Logical Decoding
  • KWOK : un tool per creare migliaia di nodi Kubernetes in un attimo
  • Le 6R del Cloud Migration: le strategie per passare al Cloud
  • Scetticismo nella progettazione del software ed i Quality Attribute Requirements(QAR)

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