SJS Framework

Spectre JavaScript Framework

Ein deklaratives, widget-basiertes Frontend-Framework für native Webkomponenten. Entwickelt für extrem schnelle Ladezeiten, minimale Latenz und saubere, wartbare UI-Bäume ohne schwere Node-Kompilierung.

Kein Build-Overhead

Komponenten werden als Plain-JavaScript-Objekte deklariert. Keine komplizierten Webpack- oder Vite-Kompilierungsketten im Browser während der Entwicklung notwendig.

30+ Core Widgets

Forms, Inputs, Tables, Modals, Calendar und mehr. Komplett integriert mit Tailwind CSS-Hilfsklassen für einfaches und flexibles Styling.

R5 Server Integration

Natives Socket.io Handling für Datenströme, JSON-Tabellen-Synchronisation in Echtzeit und integriertes JWT Authentifizierungs-Management.

Deklarative Schnittstellendefinition

SJS baut logische DOM-Bäume durch einfache Objekt-Nester auf. Der gesamte Layoutbaum wird zur Laufzeit interpretiert und aktualisiert, was zu minimalen DOM-Operationen und maximaler Renderinggeschwindigkeit führt.

Framework-Eigenschaften:

Unabhängig von React, Vue oder Angular
Minimale Bundle-Größe (sjs.min.js < 30KB)
Volle Tastatursteuerung & ARIA-Barrierefreiheit

new SJS.Page({
    id: 'mainPage',
    node: 'app-root',
    children: [
        new SJS.Heading({ title: 'Hallo Welt' }),
        new SJS.Button({ title: 'Klick mich' })
            .on('click', function() {
                alert('Aktion ausgeführt');
            })
    ]
});