Web-App

Ayisha.js, HTML-first JavaScript-Framework

Ayisha.js ist ein von mir entwickeltes Open-Source-Micro-Framework für reaktive Web-Apps ohne Build-Toolchain. HTML-first-Syntax, über 30 Direktiven und natives SPA-Routing. ayisha.app ist die offizielle Website mit Dokumentation, Wiki, Tutorials und Live-Demos, vollständig mit Ayisha.js gebaut.

Offizielle Ayisha.js-Website mit Dokumentation, Tutorials und Live-Demos

Problem

Modernes JavaScript bedeutet oft React, Vue oder Svelte mit Bundlern, npm und steiler Lernkurve, selbst für eine Landingpage oder einen kleinen Prototyp. Ich wollte etwas Leichteres: HTML mit Direktiven schreiben, ein Script-Tag einbinden und veröffentlichen. Kein bestehendes Tool bot dieses Gleichgewicht aus Leistung und Einfachheit.

Lösung

Ich habe Ayisha.js von Grund auf entwickelt, ein Micro-VDOM-Framework mit reaktivem State, wiederverwendbaren HTML-Komponenten und über 30 Direktiven inspiriert von Vue und Angular. Kein Build-Schritt, keine Abhängigkeiten. Aus einem persönlichen Projekt ist ein echtes Werkzeug geworden. ayisha.app ist sowohl die Heimat des Frameworks als auch seine beste Demo: interaktive Tutorials, ein Direktiven-Wiki, Kursseiten und Vergleichstabellen, alles in Ayisha.js geschrieben.

Stack & Technologien

Ayisha.js · Vanilla JavaScript · Virtual DOM · HTML-first-Direktiven · SPA-Routing · MIT-Lizenz · jsDelivr CDN · GitHub (BenJrSky/ayisha.js)

Ergebnis

Ayisha.js ist live unter ayisha.app und auf GitHub unter MIT-Lizenz. Entwickler starten mit einem Script-Tag, durchsuchen über 30 Direktiven im Wiki und folgen Schritt-für-Schritt-Tutorials mit echtem Code. Die Website nutzt das Framework, mit dem sie gebaut wurde: Prototypen, Dokumentation und leichte Apps ohne webpack.