HTML primero · Nativo de IA · Página → App → Producción

El framework de JavaScript que
se escribe solo.

React le pide aprender JSX. Vue le pide aprender SFC. Svelte le pide aprender un compilador. Xuda es una ruptura limpia. Un runtime reactivo, dos formas de escribir código: Slim para páginas centradas en HTML y CLI para productos centrados en aplicaciones, con una vía directa hacia xuda.ai cuando esté listo para desplegar.

Sin paso de compilación
Sin DOM virtual
Nativo de IA por diseño
Un clic hacia xuda.ai
index.htmlApp.xudeploy
<script type="module">
  import { xuda } from "@xuda.io/xuda-runtime-slim-es";
  new xuda(document.body, { prog_id: "home" });
</script>

<div xu-store="{count:0}">
  <button xu-click="count++">
    Clicked <span xu-text="count"/> times
  </button>
</div>
Slim · 0 compilación · 0 dependencias · ~30 KB→ CLI → xuda.ai
2

Formas de escribir código · Un runtime

0

dependencias de npm en su bundle

~140 KB

Todo el framework, comprimido en gzip

1 formulario

De localhost a producción en xuda.ai

Por qué existe esto

Los frameworks modernos tienen un techo. Xuda no.

React le permite construir una interfaz y luego le deja solo con el hosting, los datos, la autenticación y las operaciones. Next.js envuelve su código en una factura de hosting y lo llama framework. Svelte entrega un compilador y se despide. El Xuda JavaScript Framework es el único runtime reactivo diseñado para escalar desde un único archivo HTML hasta una aplicación desplegada en producción sobre una plataforma propia, de extremo a extremo.

El HTML es el código fuente

Sin JSX. Sin archivos .vue. Sin compilador de plantillas. El HTML que usted escribe es el HTML que interpreta el navegador, con la reactividad añadida mediante directivas xu-*.

Sin DOM virtual. Nunca.

Xuda se enlaza directamente a nodos reales del DOM. Sin diffing. Sin reconciliador. Sin renderizados misteriosos. Solo se actualizan los elementos que dependen del valor que cambió.

Cero cadena de suministro

Slim se distribuye como un único módulo ES autocontenido. Sin dependencias transitivas. Sin el incidente del paquete de npm de la semana. Audítelo una vez y publíquelo para siempre.

Página → Aplicación → Producción

Empiece con una sola página HTML. ¿Se le queda corta? Pase a la CLI sin reescribir nada. ¿Listo para publicar? Súbalo a xuda.ai. Un runtime, un modelo mental, cero migraciones.

Código fuente nativo de IA

Xuda se diseñó junto a los grandes modelos de lenguaje. Directivas estables, estructura determinista, bloques de construcción con nombre propio. Los agentes de IA que emiten Xuda producen aplicaciones que funcionan, no esbozos del tipo "ahora conéctelo usted".

Una sola factura, de principio a fin

El framework, el runtime, la generación de código con IA, la base de datos, el sistema de despliegue y el hosting son una sola plataforma. Deje de alquilar seis herramientas. Deje de conectar seis paneles. Publique.

Dos formas de escribir código · Un runtime

Xuda Slim para páginas. Xuda CLI para aplicaciones. El mismo runtime por debajo.

Ambos se compilan al mismo runtime reactivo. Empiece con uno, cambie al otro o úselos en paralelo. Entre ellos no hay migración que contar. No hay un segundo framework que aprender. Solo el camino que encaja con el trabajo que tiene delante ahora mismo.

Camino 1

Xuda Slim

Centrado en HTML · centrado en la página · módulo ES de ~140 KB

El camino ligero. Añada un <script type="module">, importe Slim desde un CDN o desde npm y decore su HTML existente con xu-store, xu-text, xu-click, xu-for y xu-show. Su archivo se vuelve reactivo. Sin build, sin JSX, sin cadena de herramientas.

  • Ideal para páginas de producto, documentación, widgets embebidos y MVP
  • Un único módulo ES, cero dependencias de npm en su bundle
  • Funciona en cualquier hosting estático, cualquier CDN, cualquier bucket de S3
  • El mismo vocabulario de directivas que el camino de la CLI
Camino 2

Xuda CLI

Centrado en la aplicación · dirigido por el código · sincronizable con la nube

El camino serio. Escriba App.xu, coloque las pantallas en components/, el estado compartido en globals/, las lecturas en data/get/, las escrituras en data/set/, además de tables/, routes/, apis/, alerts/ y ai-agents/. Añada una api_key y se sincroniza directamente con xuda.ai.

  • Ideal para paneles, CRUD, flujos de varias pantallas y productos reales
  • Bloques de construcción tipados, documentación de runtime generada, arquitectura de verdad
  • Una estructura de código que los agentes de IA pueden leer y escribir directamente
  • A un api_key de la sincronización en la nube y el despliegue en xuda.ai
↓ Mismas directivas. Misma reactividad. Mismo despliegue. Elija el que encaje con el trabajo de hoy y cambie cuando el proyecto lo pida.
Nativo de IA por construcción

Otros frameworks toleran la IA. Xuda se creó para ella.

Todos los demás frameworks tratan la salida de un LLM igual: un muro de React generado, un archivo de componente de 600 líneas y un grafo de imports que el modelo 'espera' que resuelva. Xuda le dio la vuelta a esa premisa y se diseñó junto a Xuda AI desde el primer día. Vocabulario de directivas estable. Estructura de código determinista. Los agentes de IA emiten HTML de Xuda y código de CLI igual que lo hacen las personas, y el resultado es una aplicación que funciona.

Vocabulario de directivas estable

El conjunto de directivas es pequeño, tiene nombres propios y está congelado. Los modelos entrenados una vez con Xuda siguen acertando versión tras versión. Sin trampas del tipo "se renombró en la v4". Sin hooks obsoletos de los que la IA todavía no ha oído hablar.

Estructura de código determinista

Las aplicaciones de CLI tienen carpetas explícitas para componentes, globales, lecturas, escrituras, tablas, rutas, alertas y agentes de IA. Un LLM no tiene que adivinar la forma del proyecto. Ya la conoce.

Documentación de runtime generada

xuda-cli dev compila el código fuente y genera documentos de runtime que sirven además como especificaciones legibles por máquina. Los agentes leen los documentos, editan el código y vuelven a ejecutar. Sin ingeniería inversa.

Generación de código en circuito cerrado

Xuda AI genera código Xuda. El verificador de programas lo valida. El runtime lo ejecuta. No existe el riesgo de "¿se habrá inventado el modelo un paquete de npm esta semana?". El circuito está cerrado.

Unidad ai_agent nativa

La CLI incluye una unidad de código ai_agent de primer nivel. La IA no es un plugin que se acopla por fuera. Es una pieza básica del framework, con el mismo ciclo de vida que los componentes, las rutas y las tablas.

Escrito a mano ↔ escrito por IA

Las aplicaciones Xuda escritas por personas y las escritas por agentes de IA son indistinguibles. Mismas directivas, mismos archivos, mismo runtime. Combínelas con total libertad. Publique sin advertencias.

El sistema de directivas

Un vocabulario pequeño y completo. Se memoriza en un día.

Xuda no inventa un lenguaje de plantillas nuevo. Usa atributos HTML, el mismo mecanismo que ya impulsa id, class y data-*. El conjunto de directivas es deliberadamente pequeño, de modo que todo el framework cabe en su cabeza y en la ventana de contexto de un modelo.

xu-store

Declare estado reactivo en cualquier elemento. Todos sus descendientes pueden leerlo, modificarlo y enlazarse a él.

xu-text

Escriba texto dentro de un elemento. Antepóngale xu-exp: y quedará enlazado a una expresión viva. Sin setState.

xu-content

Defina el contenido renderizado a partir de un literal o una expresión. Sin acrobacias de interpolación con plantillas literales.

xu-show

Renderice un elemento de forma condicional. Ocúltelo y vuelva a mostrarlo sin montarlo de nuevo.

xu-for

Recorra arreglos u objetos directamente en el HTML. Los elementos de la lista se mantienen sincronizados con los datos subyacentes.

xu-click

Actualice el estado al hacer clic desde un mapa en línea, como {'@count': @count + 1}. Sin cablear manejadores.

xu-bind

Enlace en dos direcciones un campo de formulario con un valor del store. La ceremonia de onChange + setState desaparece.

xu-on:*

Asocie un flujo de trabajo completo a cualquier evento del DOM: acciones, condiciones y pasos asíncronos, declarados en el marcado.

El camino hasta producción

De un único archivo HTML a una aplicación real en xuda.ai.

Xuda es el único framework de JavaScript con un camino creíble hasta producción que no pasa por una pila de servicios de terceros. Empiece en pequeño con Slim. ¿Se le queda corto? Pase a la CLI. ¿Listo para publicar? Súbalo a xuda.ai. El runtime no cambia. Las directivas no cambian. La factura sigue siendo una sola.

01

Slim · una sola página

Incorpore Slim a un solo archivo HTML. Página reactiva en cinco minutos. Publíquela en cualquier hosting estático.

02

CLI · aplicación real

Pase a unidades de código tipadas. App.xu, componentes, globales, tablas y rutas. El framework crece con usted.

03

Desarrollo asistido por IA

Deje que Xuda AI genere componentes, programas y unidades ai_agent. Se integran en el mismo árbol de código y funcionan.

04

Sincronice con xuda.ai

Añada una api_key. Su aplicación de CLI se sincroniza directamente con la plataforma xuda.ai. El Studio ve cada unidad de código.

05

Despliegue desde un formulario

Publique en la red de VPS geodistribuida de xuda.ai. Build, hosting, monitoreo y reversión, todo incluido. Una sola factura.

Compare con la alternativa

Con React, ese mismo camino consiste en: elegir una herramienta de build (¿Vite, Webpack o Rspack?), elegir un router (¿react-router, TanStack, Next?), elegir una librería de estado (¿Redux, Zustand, Jotai, signals?), elegir una plataforma de hosting (¿Vercel, Netlify, Cloudflare?), elegir un backend (¿Supabase, Firebase, Convex?), elegir un proveedor de autenticación, elegir un proveedor de correo, elegir un servicio de registro de logs, pegarlo todo, depurar la integración y pagar seis facturas. Xuda es un runtime, dos caminos, una plataforma. Eso es todo.

La aplicación de contador al completo

Sin configuración. Sin estructura de archivos. Solo HTML.

Un contador reactivo completo, con estado, una condición derivada, un manejador de eventos y un reinicio. Guárdelo como index.html, ábralo en un navegador y funciona.

index.html
<!DOCTYPE html>
<html>
<body>
  <script type="module">
    import { xuda } from "https://cdn.skypack.dev/@xuda.io/xuda-runtime-slim-es";
    new xuda(document.getElementById("app"), { prog_id: "counter" });
  </script>

  <div id="app"></div>

  <template id="counter">
    <xu-single-view>
      <div xu-store="{'count':0}">
        <h1>Clicks: <span xu-exp:xu-content="@count"></span></h1>
        <p xu-exp:xu-show="@count >= 5">That escalated quickly.</p>
        <button xu-click="{'@count': @count + 1}">+1</button>
        <button xu-click="{'@count': 0}">reset</button>
      </div>
    </xu-single-view>
  </template>
</body>
</html>
Sin build · Sin JSX · Sin DOM virtualEsa es la aplicación completa.
› ¿Se le quedó corto el archivo único? El mismo código se convierte en un componente de CLI component con un solo paso. ¿Listo para publicar? api_key + sincronización con xuda.ai. El mismo runtime, hasta el final.
La comparación honesta

React. Next. Vue. Svelte. Cada uno entrega medio stack.

Todos los frameworks de JavaScript del mercado le dan hoy una parte de la historia: una librería de interfaz que necesita un backend, un metaframework que necesita un plan de hosting, un compilador que necesita una CLI. Xuda es el único framework que se hace cargo del camino completo: runtime, generación de código con IA, despliegue y hosting.

Xuda Usted
React
Next.js
Vue
Svelte
Se escribe en HTML puro~
Funciona sin paso de build~
Sin DOM virtual
Cero dependencias de npm en el bundle
Store reactivo integrado~
Enrutamiento dentro del runtime~
Estructura de código nativa de IA
Unidad ai_agent de primer nivel
El mismo runtime: página → aplicación → producción
Hosting y despliegue propios~
Una sola factura de principio a fin
Tamaño del runtime (comprimido en gzip)~140 KB · runtime + capa de datos~45 KB + librería de DOM~85 KB + framework~35 KBpequeño por componente
Preguntas frecuentes

Respuestas antes de que tenga que preguntar.

Deje de empaquetar. Deje de alquilar. Empiece a publicar.

El Xuda JavaScript Framework es el único runtime reactivo y nativo de IA que escala desde un único archivo HTML hasta una aplicación desplegada en producción sobre una plataforma que controlamos de extremo a extremo. Sin JSX. Sin DOM virtual. Sin cadena de suministro. Sin Vercel. Sin Supabase. Sin facturas sorpresa.

Un framework · Dos caminos · Una plataforma