Per scoprire i modi migliori per sviluppare una Progressive Web App, ricordiamo già cosa significa:
Una PWA combina le funzionalità di un sito, un Internet e un'applicazione nativa.
Grazie a standard Web migliorati, i browser ora supportano Service Worker e Web App Manifest. È quindi possibile navigare in un sito senza internet, sia da cellulare che da computer, come un'applicazione. La possibilità di ricevere notifiche tramite il browser e di aggiungere il sito come applicazione nella schermata iniziale rende i siti Web ancora più vicini al comportamento delle applicazioni native.
Uno dei principali inconvenienti per i siti era la loro navigazione più lunga scaricando ogni pagina su richiesta rispetto alla visualizzazione immediata delle applicazioni native. Ora che è possibile eseguire il backup di tutti i file e navigare senza Internet, questa differenza è stata chiaramente cancellata dalla reale sensazione di velocità.
Piccolo appartamento : se si vuole creare un'applicazione le cui prestazioni siano incrementate da grafica e calcoli (videogioco,..), resta da considerare lo sviluppo nativo che sarà sempre più veloce sul dispositivo client.
In breve, una PWA è un sito sviluppato utilizzando tecnologie web standard (HTML, CSS e Javascript) ma che si comporta in tutto e per tutto come un'applicazione nativa.
#Strumenti di sviluppo:
Se scegli di sviluppare o trasferire il tuo sito a una PWA, a seconda del progetto, ecco alcuni degli strumenti attualmente più popolari:
Reagire :
https://fr.reactjs.org/
Un framework javascript rilasciato e mantenuto da Facebook.
Questo strumento è noto per essere più leggero e flessibile di Angular. Puoi aggiungere funzionalità mentre procedi ed essere relativamente libero nell'organizzazione del codice, ma i vincoli di sviluppo sono spesso preferiti nei team più grandi.
Un vantaggio è che l'apprendimento di questo framework ti consente anche di conoscere ReactNative (da Facebook) che gli consente di creare applicazioni native.
Angular :
https://angular.io/
Il framework progettato e mantenuto da Google. Framework dice "pesante" nel senso che limita abbastanza lo sviluppo e viene fornito con una suite di funzionalità javascript fin dall'inizio.
Pro e contro : Interesse per team in crescita e/o progetti a lungo termine perché il codice deve essere ben organizzato. Anche l'incorporamento di Typescript va in questa direzione, perché a breve termine ci vorrà più tempo per scrivere in Typescript che in javascript, ma il codice sarà più leggibile e gli errori saranno più facili da rilevare.
Vue.js :
https://vuejs.org/
Framework open source realizzato da un ex sviluppatore Google. Questo framework è più recente ed è salito alle stelle negli ultimi anni, grazie alla sua cosiddetta semplicità e alle buone prestazioni. Allo stesso modo di React, questo strumento viene fornito in modo leggero e ti consente di aggiungere librerie javascript mentre procedi nel tuo progetto.
Ionic :
https://ionicframework.com/
Un framework per lo sviluppo di app ibride e PWA. Attraverso una Webview, Ionic permette di ottenere un'applicazione sullo store con tecnologie web. È anche possibile sviluppare PWA con questa piattaforma che supporta anche React e Angular.
Polimero :
https://www.polymer-project.
Sviluppata da Google, Polymer è una libreria javascript per la creazione di applicazioni web. Più vicino agli standard web ma meno popolare; è possibile seguire il possibile futuro del web attraverso questa tecnologia che spinge il linguaggio esistente piuttosto che conformarsi a un framework.
Lighthouse :
https://developers.google.com/
Strumento sviluppato da Google per misurare i diversi slider PWA di un sito web. Questo può essere molto utile durante lo sviluppo di funzionalità PWA (navigazione offline, test delle prestazioni, ecc.).
Buon sviluppo!
Maxime, sviluppatore Full Stack@UX-Republic
