NUCLO / 12

Lingua

Nuclo v0.3.29 · zero dipendenze

Costruisci interfacce
esplicite con
nuclo.

Un framework DOM piccolo e type-safe. Lo stato resta semplice e mutabile. Controlli tu ogni aggiornamento. Niente proxy, niente signal, niente DOM virtuale.

$npm create nuclo@latest
0
dipendenze
175
builder HTML e SVG tipizzati
~18.4KB
gzip, runtime core
01/09 · update()
Dipingi, poi patcha
stateplain array · tap or dragupdate()domreal nodes
0 mutations · 0 update() · 0 patched
01/09 · update()
Dipingi, poi patcha

Un unico ciclo esplicito.

Valori dipendenti dallo stato, nessun grafo di dipendenze, nessuno scheduler. Decidi tu quando vengono eseguiti - un solo percorso prevedibile dai tuoi dati allo schermo.

  1. 01Muta

    Cambia i tuoi dati

    Lo stato è JavaScript semplice: variabili, array, oggetti. Mutalo come vuoi, quante volte vuoi.

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

    Chiama update()

    Una sola funzione globale conferma le tue modifiche. Raggruppa una dozzina di mutazioni, poi conferma una volta. Nulla viene renderizzato finché non lo dici tu.

    update()
  3. 03Aggiorna

    Nuclo sincronizza il DOM

    Ogni espressione dinamica viene rivalutata. Nuclo scrive nel DOM solo i valori effettivamente cambiati. Niente diffing, niente re-render.

    // 2 nodi patchati, // tutto il resto intatto
Quando muti lo stato, non succede nulla. Chiama update(), e Nuclo fa esattamente ciò che hai chiesto. Niente di più, niente di meno.
  1. Esplicito è meglio di implicito

    Nessun proxy traccia ogni tua mossa. Muti lo stato, poi chiami update(). Causa ed effetto restano chiari e prevedibili.

  2. Raggruppa liberamente, aggiorna una volta

    Fai dieci mutazioni, poi chiama update() una volta. Il DOM vede solo lo stato finale. Nessun render sprecato.

  3. Funzioni, non componenti

    Costruisci con semplici funzioni JavaScript. Nuclo non richiede classi, decoratori né sintassi speciali. Ogni funzione restituisce nodi DOM. Aggiungi onMount e onDestroy come normali modificatori, solo quando ti servono.

Costruito per la chiarezza.

Niente magia. Niente sorprese. Ogni aggiornamento è intenzionale.

  • 01Esplicito

    Il ciclo di aggiornamento è tuo

    Muta liberamente, poi chiama update() una volta. Nuclo non richiede sottoscrizioni né scheduler, e non ti sorprende mai con un diff. Il DOM si sincronizza quando lo decidi tu.

  • 02Leggero

    Zero dipendenze

    Circa 18.4 KB gzip per il runtime core. Nuclo non richiede compilatori né plugin di build. Aggiungi un import e inizia a costruire.

  • 03Tipizzato

    Pensato per TypeScript

    175 builder HTML e SVG completamente tipizzati ti danno l'autocompletamento per ogni attributo, proprietà di stile ed evento.

  • 04Preciso

    Patch granulari

    Le espressioni dinamiche vengono rivalutate a ogni update(). Solo i valori effettivamente cambiati toccano il DOM.

Veloce dove conta.

Numeri indipendenti da js-framework-benchmark, per creare, aggiornare, scambiare e cancellare migliaia di righe.

js-framework-benchmark · keyedPiù basso è meglio
  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
Questo punteggio è il rallentamento della durata rispetto all'implementazione più veloce misurata. È una media geometrica ponderata di tutti i benchmark keyed.Fonte: js-framework-benchmark

Pronto quando lo sei tu.

Installa Nuclo, importalo una volta e rilascia UI che si aggiornano esattamente quando lo dici tu. Puoi imparare l'intera API in un pomeriggio.

$npm create nuclo@latest