Neue Version – Code-Generatoren v0.9

Wir freuen uns, über große Fortschritte bei den Codegenerierungsbibliotheken von TeleportHQ zu berichten! In dieser neuen Version haben wir Generatoren für Komponenten und Projekte für Angular, Preact und Stencil hinzugefügt.

Probiere es aus unter: repl.teleporthq.io

In den Monaten vor v0.9 haben wir intensiv an der zugrunde liegenden Infrastruktur und Architektur des Ökosystems gearbeitet. Zunächst haben wir in v0.7 die Pakete auf npm mithilfe eines Lerna-Monorepos aufgeteilt. Anschließend haben wir in v0.8 generische Funktionen für Komponenten- und Projektgeneratoren bereitgestellt. Mit diesen Änderungen können Entwickler bestehende Pakete anpassen, konfigurieren und erweitern.

Auf Basis dieses Modells freuen wir uns, die neuen offiziellen Komponentengeneratoren ankündigen zu können:

• teleport-component-generator-angular
• teleport-component-generator-preact
• teleport-component-generator-stencil

Diese neuen Pakete ergänzen unser umfangreiches Ökosystem aus Plugins sowie Komponenten- und Projektgeneratoren.

Angular#

Bei der Entwicklung von Unternehmensanwendungen – und nicht nur dort – zählt Angular zu den beliebtesten Lösungen. Angular-Komponenten bestehen in der Regel aus drei separaten Dateien: dem HTML-Template, der TypeScript-Komponentenklasse und der CSS-Datei. Die Entwicklung von Angular-Komponenten war eine interessante Aufgabe. Dabei haben wir Funktionen aus unseren Vue- und Stencil-Komponentengeneratoren kombiniert. Derzeit arbeiten wir an einer Lösung für einen Projektgenerator, der auf Angular-Komponenten basiert.

Preact#

Wenn du nicht den vollen Funktionsumfang von React benötigst, ist Preact.js eine besonders kleine Alternative für moderne Webanwendungen (3 KB große, gzip-komprimierte Bibliothek). Preact eignet sich besonders gut, wenn eine minimale Bundle-Größe entscheidend ist. Ausgehend vom React-Plugin-System war die Entwicklung von Preact-Komponenten recht einfach. Zusätzlich haben wir einen Preact-basierten Projektgenerator hinzugefügt, der auf dem von „preact-cli“ bereitgestellten Template aufbaut.

Stencil#

Web Components sind großartig, denn sie bieten native Unterstützung für Kapselung, lokalen Zustand und gekapselte Styles. Stencil.js ist eine der beliebtesten Lösungen zum Kompilieren von Web Components. Stencil bietet eine hervorragende Entwicklererfahrung mit JSX-Syntax, TypeScript und gekapseltem CSS.

Wenn du die neuen Generatoren ausprobieren möchtest, besuche die Online-REPL oder sieh dir die Dokumentation für eine schnelle lokale Einrichtung mit den npm-Paketen an.

Wie geht es weiter?#

Version 0.10 steht vor der Tür. Mit dieser Veröffentlichung erweitern wir unser Ökosystem um React-Native-Komponenten- und Projektgeneratoren. Außerdem arbeiten wir daran, neue Publisher für die bestehenden Projektgeneratoren hinzuzufügen. Schließlich untersuchen wir die Generierung von Komponentensystemen auf Grundlage der UIDL-Struktur.