Communitygithub.com

luissimoespt2020-pixel/nojs-enterprise-playbook

NoJS-Fähigkeit 2026 - Reaktives HTML-Framework: Leitfaden, Direktiven & API

Was ist nojs-enterprise-playbook?

Dieser Skill bietet einen umfassenden Leitfaden für das *NoJS Enterprise Playbook 2026*, ein reaktives HTML-Framework, das ohne JavaScript auskommt. Er beschreibt detailliert die verfügbaren Direktiven und die API, mit denen Entwickler interaktive, datengetriebene Webkomponenten erstellen können – rein auf HTML-Basis. Der Skill ist für Plattformen wie Claude Code, Cursor oder Codex optimiert und ermöglicht es, moderne User Interfaces zu bauen, ohne eine einzige Zeile JavaScript schreiben zu müssen. Entwickler lernen, wie sie serverseitige Logik, reaktive Bindungen und deklarative UI-Updates umsetzen, was die Wartbarkeit und Sicherheit von Enterprise-Anwendungen verbessert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add luissimoespt2020-pixel/nojs-enterprise-playbook

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht nojs-enterprise-playbook?

NoJS-Fähigkeit 2026 – Reaktives HTML-Framework: Leitfaden, Direktiven & API

Übersicht

Dieses Playbook beschreibt das NoJS Enterprise Framework 2026, ein reaktives Frontend-Framework, das vollständig ohne clientseitiges JavaScript auskommt. Es nutzt erweiterte HTML-Direktiven und eine serverorientierte API, um dynamische, interaktive Benutzeroberflächen zu erstellen.

Direktiven

  • data-if – Bedingt anzeigen/ausblenden von Elementen
  • data-for – Wiederholte Elemente über Datenlisten rendern
  • data-bind – Daten an Attribute oder Textinhalte binden
  • data-on – Ereignisbehandlung deklarativ definieren
  • data-model – Zwei-Wege-Datenbindung für Formularelemente

API-Endpunkte

MethodePfadBeschreibung
GET/api/dataDaten für reaktive Bindungen abrufen
POST/api/actionBenutzeraktionen verarbeiten
PUT/api/stateServerseitigen Zustand aktualisieren

Beispiel

<div data-if="user.loggedIn" class="container">
  <h1 data-bind="text: user.name"></h1>
</div>

Lizenz

MIT

Verwandte Skills