NUCLO / 12

Idioma

Nuclo v0.3.29 · cero dependencias

Construye interfaces
explícitas con
nuclo.

Un framework DOM pequeño y con tipado seguro. El estado se mantiene simple y mutable. Tú controlas cada actualización. Sin proxies, sin señales, sin DOM virtual.

$npm create nuclo@latest
0
dependencias
175
constructores HTML y SVG tipados
~18.4KB
con gzip, runtime principal
01/09 · update()
Pinta y luego parchea
stateplain array · tap or dragupdate()domreal nodes
0 mutations · 0 update() · 0 patched
01/09 · update()
Pinta y luego parchea

Un ciclo explícito.

Valores dependientes del estado, sin grafo de dependencias, sin planificador. Tú decides cuándo se ejecutan: un único camino predecible desde tus datos hasta la pantalla.

  1. 01Mutar

    Cambia tus datos

    El estado es JavaScript simple: variables, arrays, objetos. Mútalo como quieras, tantas veces como quieras.

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

    Llama a update()

    Una función global confirma tus cambios. Agrupa una docena de mutaciones y confirma una sola vez. Nada se renderiza hasta que tú lo digas.

    update()
  3. 03Parchear

    Nuclo sincroniza el DOM

    Cada expresión dinámica se reevalúa. Nuclo escribe en el DOM solo los valores que realmente cambiaron. Sin diffing, sin re-renders.

    // 2 nodos parcheados, // todo lo demás intacto
Cuando mutas el estado, no pasa nada. Llama a update() y Nuclo hace exactamente lo que le pediste. Ni más, ni menos.
  1. Explícito es mejor que implícito

    Ningún proxy sigue cada uno de tus movimientos. Mutas el estado y luego llamas a update(). Causa y efecto siguen siendo claros y predecibles.

  2. Agrupa libremente, actualiza una vez

    Haz diez mutaciones y luego llama a update() una sola vez. El DOM solo ve el estado final. No se desperdicia ningún render.

  3. Funciones, no componentes

    Construye con funciones JavaScript simples. Nuclo no necesita clases, decoradores ni sintaxis especial. Cada función devuelve nodos DOM. Añade onMount y onDestroy como modificadores normales, solo cuando los necesites.

Hecho para la claridad.

Sin magia. Sin sorpresas. Cada actualización es intencional.

  • 01Explícito

    Tú controlas el ciclo de actualización

    Muta libremente y luego llama a update() una vez. Nuclo no necesita suscripciones ni planificadores, y nunca te sorprende con un diff. El DOM se sincroniza cuando tú lo decides.

  • 02Ligero

    Cero dependencias

    Unos 18.4 KB con gzip para el runtime principal. Nuclo no necesita compilador ni plugins de build. Añade un import y empieza a construir.

  • 03Tipado

    TypeScript primero

    175 constructores HTML y SVG completamente tipados te dan autocompletado para cada atributo, propiedad de estilo y evento.

  • 04Preciso

    Parcheo de grano fino

    Las expresiones dinámicas se reevalúan en update(). Solo los valores que realmente cambiaron tocan el DOM.

Rápido donde importa.

Estas son cifras independientes de js-framework-benchmark, para crear, actualizar, intercambiar y vaciar miles de filas.

js-framework-benchmark · keyedMenor es mejor
  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
Esta puntuación es la ralentización de duración frente a la implementación más rápida medida. Es una media geométrica ponderada de todos los benchmarks keyed.Fuente: js-framework-benchmark

Listo cuando tú lo estés.

Instala Nuclo, impórtalo una vez y publica interfaces que se actualizan exactamente cuando tú lo dices. Puedes aprender toda la API en una tarde.

$npm create nuclo@latest