NUCLO / 12

Sprache

Nuclo v0.3.29 · null Abhängigkeiten

Baue explizite
Oberflächen mit
nuclo.

Ein kleines, typsicheres DOM-Framework. State bleibt einfach und veränderbar. Du steuerst jedes Update. Keine Proxies, keine Signals, kein virtuelles DOM.

$npm create nuclo@latest
0
Abhängigkeiten
175
typisierte HTML- & SVG-Builder
~18.4KB
gzipped, Kern-Runtime
01/09 · update()
Malen, dann patchen
stateplain array · tap or dragupdate()domreal nodes
0 mutations · 0 update() · 0 patched
01/09 · update()
Malen, dann patchen

Ein expliziter Zyklus.

Zustandsabhängige Werte, kein Abhängigkeitsgraph, kein Scheduler. Du entscheidest, wann sie laufen - ein einziger vorhersehbarer Weg von deinen Daten zum Bildschirm.

  1. 01Verändern

    Ändere deine Daten

    State ist einfaches JavaScript: Variablen, Arrays, Objekte. Verändere ihn, wie du willst, so oft du willst.

    todos.push(newTodo) user.name = 'Ada'
  2. 02Festschreiben

    Rufe update() auf

    Eine globale Funktion schreibt deine Änderungen fest. Bündle ein Dutzend Veränderungen, dann schreibe einmal fest. Nichts rendert, bis du es sagst.

    update()
  3. 03Patchen

    Nuclo synchronisiert das DOM

    Jeder dynamische Ausdruck wird neu ausgewertet. Nuclo schreibt nur die Werte ins DOM, die sich tatsächlich geändert haben. Kein Diffing, keine Re-Renders.

    // 2 Knoten gepatcht, // alles andere unberührt
Wenn du State veränderst, passiert nichts. Rufe update() auf, und Nuclo tut genau das, was du verlangt hast. Nicht mehr, nicht weniger.
  1. Explizit ist besser als implizit

    Keine Proxies verfolgen jeden deiner Schritte. Du veränderst State, dann rufst du update() auf. Ursache und Wirkung bleiben klar und vorhersehbar.

  2. Frei bündeln, einmal aktualisieren

    Mache zehn Veränderungen, dann rufe einmal update() auf. Das DOM sieht nur den Endzustand. Kein Rendern wird verschwendet.

  3. Funktionen statt Komponenten

    Baue mit einfachen JavaScript-Funktionen. Nuclo braucht keine Klassen, keine Decorators und keine Spezialsyntax. Jede Funktion gibt DOM-Knoten zurück. Füge onMount und onDestroy als gewöhnliche Modifier hinzu, nur wenn du sie brauchst.

Gebaut für Klarheit.

Keine Magie. Keine Überraschungen. Jedes Update ist beabsichtigt.

  • 01Explizit

    Du besitzt den Update-Zyklus

    Verändere frei, dann rufe einmal update() auf. Nuclo braucht keine Subscriptions und keine Scheduler, und es überrascht dich nie mit einem Diff. Das DOM synchronisiert, wenn du es entscheidest.

  • 02Leichtgewichtig

    Null Abhängigkeiten

    Etwa 18.4 KB gzipped für die Kern-Runtime. Nuclo braucht keinen Compiler und keine Build-Plugins. Füge einen Import hinzu und fang an zu bauen.

  • 03Typisiert

    TypeScript zuerst

    175 vollständig typisierte HTML- und SVG-Builder geben dir Autovervollständigung für jedes Attribut, jede Style-Eigenschaft und jedes Event.

  • 04Präzise

    Feinkörniges Patchen

    Dynamische Ausdrücke werden bei update() neu ausgewertet. Nur die Werte, die sich tatsächlich geändert haben, berühren das DOM.

Schnell, wo es zählt.

Das sind unabhängige Zahlen aus js-framework-benchmark für das Erstellen, Aktualisieren, Tauschen und Leeren tausender Zeilen.

js-framework-benchmark · keyedNiedriger ist besser
  1. Nuclo0.2.24
    1.12
  2. Solid1.9.3
    1.13
  3. Svelte5.42.1
    1.17
  4. Vue3.5.39
    1.31
  5. Riot10.1.2
    1.54
  6. React19.2.0
    1.58
  7. Angular22.0.0
    1.58
  8. Stencil4.23.0
    1.81
  9. Ember7.3.0-alpha.5
    2.06
  10. Knockout3.5.1
    2.26
  11. Qwik1.11.0
    3.29
Dieser Wert ist die Verlangsamung gegenüber der schnellsten gemessenen Implementierung. Er ist ein gewichtetes geometrisches Mittel aller keyed Benchmarks.Quelle: js-framework-benchmark

Bereit, wenn du es bist.

Installiere Nuclo, importiere es einmal und liefere UIs, die genau dann aktualisieren, wenn du es sagst. Die ganze API lernst du an einem Nachmittag.

$npm create nuclo@latest