Um die besten Möglichkeiten zur Entwicklung einer Progressive Web App zu entdecken, sollten wir uns bereits daran erinnern, was dies bedeutet:
Eine PWA kombiniert die Funktionalitäten einer Website, eines Internets und einer nativen Anwendung.
Dank verbesserter Webstandards unterstützen Browser jetzt den Service Worker und das Web App Manifest. Es ist daher möglich, eine Website ohne Internet zu durchsuchen, ob auf dem Handy oder Computer, wie eine Anwendung. Die Möglichkeit, Benachrichtigungen über den Browser zu erhalten und die Seite als Anwendung auf dem Startbildschirm hinzuzufügen, bringt Websites jetzt noch näher an das Verhalten nativer Anwendungen heran.
Ein großer Nachteil für die Websites war ihre längere Navigation durch das Herunterladen jeder Seite bei Bedarf im Vergleich zur sofortigen Anzeige nativer Anwendungen. Jetzt, da alle Dateien gesichert werden können und das Surfen ohne Internet möglich ist, wurde dieser Unterschied durch das echte Geschwindigkeitsgefühl deutlich ausgelöscht.
Kleine Wohnung : Wenn Sie eine Anwendung erstellen möchten, deren Leistung durch Grafiken und Berechnungen (Videospiel usw.) gesteigert wird, müssen Sie die native Entwicklung in Betracht ziehen, die auf dem Clientgerät immer schneller ist.
Kurz gesagt, eine PWA ist eine Website, die mit Standard-Webtechnologien (HTML, CSS und Javascript) entwickelt wurde, sich aber in jeder Hinsicht wie eine native Anwendung verhält.
#Entwicklungswerkzeuge:
Wenn Sie sich für die Entwicklung oder Umstellung Ihrer Website auf eine PWA entscheiden, finden Sie je nach Projekt hier einige der Tools, die derzeit am beliebtesten sind:
Reagieren :
https://fr.reactjs.org/
Ein Javascript-Framework, das von Facebook veröffentlicht und gepflegt wird.
Dieses Tool ist bekanntermaßen leichter und flexibler als Angular. Sie können Funktionen nach Belieben hinzufügen und den Code relativ frei organisieren, aber Entwicklungseinschränkungen werden in größeren Teams oft bevorzugt.
Ein Vorteil ist, dass Sie durch das Erlernen dieses Frameworks auch ReactNative (von Facebook) kennen lernen können, wodurch es native Anwendungen erstellen kann.
Angular :
https://angular.io/
Das von Google entworfene und verwaltete Framework. Framework sagt "schwer" in dem Sinne, dass es die Entwicklung ausreichend einschränkt und von Anfang an mit einer Reihe von Javascript-Funktionen ausgestattet ist.
Vor- und Nachteile : Interesse an wachsenden Teams und/oder langfristigen Projekten, da der Code gut organisiert sein muss. Auch das Einbetten von Typescript geht in diese Richtung, da das Schreiben in Typescript kurzfristig länger dauert als in Javascript, der Code aber besser lesbar und Fehler leichter zu erkennen sind.
Vue.js :
https://vuejs.org/
Open-Source-Framework, das von einem ehemaligen Google-Entwickler erstellt wurde. Dieses Framework ist neuer und ist in den letzten Jahren aufgrund seiner sogenannten Einfachheit und guten Leistung in die Höhe geschossen. Genau wie React ist dieses Tool leicht und ermöglicht es Ihnen, Javascript-Bibliotheken hinzuzufügen, während Sie in Ihrem Projekt voranschreiten.
Ionic :
https://ionicframework.com/
Ein Framework für die Entwicklung von Hybrid-Apps und PWAs. Über eine Webansicht ermöglicht es Ionic, eine Anwendung im Geschäft mit Webtechnologien zu erhalten. Es ist auch möglich, PWAs mit dieser Plattform zu entwickeln, die auch React und Angular unterstützt.
Polymer :
https://www.polymer-project.
Polymer wurde von Google entwickelt und ist eine JavaScript-Bibliothek zum Erstellen von Webanwendungen. Näher an Webstandards, aber weniger beliebt; Es ist möglich, die mögliche Zukunft des Internets über diese Technologie zu verfolgen, die die vorhandene Sprache vorantreibt, anstatt sich an ein Framework anzupassen.
Lighthouse :
https://developers.google.com/
Von Google entwickeltes Tool zur Messung der verschiedenen PWA-Slider einer Website. Dies kann während der Entwicklung von PWA-Funktionalitäten (Offline-Browsing, Leistungstests usw.) sehr nützlich sein.
Gute Entwicklung!
Maxime, Full Stack@UX-Republic-Entwickler
