Ionic hat am 24. Juli 2018 die Beta von Ionic 4 veröffentlicht. Im offiziellen Ankündigungsbeitrag beschreibt das Projekt den Wechsel zu Web Components, CSS Variables und Shadow DOM als Grundlage der neuen Architektur.
Ionic 4 ist im Kern nicht mehr an ein bestimmtes JavaScript-Framework gebunden. Die Komponenten werden als standardkonforme Web Components bereitgestellt. Dadurch sollen Anwendungen mit Angular, Vue, React oder ohne zusätzliches Frontend-Framework möglich werden.
Angular CLI und Router ersetzen eigene Werkzeuge
Für Ionic-Angular-Projekte übernimmt die Beta die offizielle Angular CLI und den Angular Router. Die bisher eigenen ionic-app-scripts und der Ionic-Router verlieren damit ihre zentrale Rolle. Bestehende Angular-Projekte benötigen für den Wechsel vor allem Anpassungen an Build-Werkzeugen und Routing.
Ionic verweist außerdem auf Stencil als Compiler für Web Components. Die neue Architektur soll weniger clientseitigen Code benötigen und bessere Startzeiten für Progressive Web Apps ermöglichen. CSS Variables bilden dabei eine öffentliche Schnittstelle für die Anpassung des Designs.
Die Beta bleibt ausdrücklich ein Teststand. Ein früherer Ionic-3-Beitrag hatte noch die enge Verbindung zu Angular 4 beschrieben. Ionic 4 öffnet die Komponentenbibliothek nun für mehrere Web-Ökosysteme und legt die Migration auf standardisierte Browser-APIs aus.