Wu Framework — Microfrontends universales (MFE)

Trece frameworks, una página

React, Vue, Angular, Svelte, Solid, Preact, Lit, Qwik, Alpine, Stencil, HTMX, Stimulus y JavaScript sin framework — montados juntos, cada uno aislado, todos hablando por el mismo bus de eventos y el mismo store.

Aislamiento de verdad

Cada app monta en su propio Shadow DOM. Tres modos de sandbox para el JS y tres de aislamiento para el CSS — y getSandboxInfo() te dice cuál te tocó realmente, no cuál pediste.

Renderizado en servidor

wu-framework/server renderiza micro-apps a HTML con sus estilos ya encapsulados dentro del shadow root. Node normal: sin vm y sin flags experimentales.

IA integrada

Trae tu propio LLM y tus apps ganan tool calling, agentes autónomos y orquestación entre apps. Cuatro capas de seguridad entre el modelo y tus acciones.

Treinta segundos

import { wu } from 'wu-framework';
import { wuReact } from 'wu-framework/adapters/react';
import { wuVue } from 'wu-framework/adapters/vue';

// Cada equipo registra su app — una línea, en su propio repositorio
wuReact.register('cart', CartApp);
wuVue.register('catalog', CatalogApp);

// El shell las monta — cada una recibe su propio Shadow DOM
await wu.init({ apps: [
  { name: 'cart', url: 'https://cart.example.com' },
  { name: 'catalog', url: 'https://catalog.example.com' },
]});

await wu.mount('cart', '#cart');
await wu.mount('catalog', '#catalog');

// Se hablan sin conocerse entre sí
wu.emit('cart:item-added', { sku: 'SKU-42' });
wu.on('catalog:product-selected', (e) => console.log(e.data));

Por dónde seguir

¿Acabas de llegar?

Qué es Wu explica el modelo en cinco minutos, y tu primera micro-app pone algo en pantalla.

¿Lo estás evaluando?

Arquitectura y el modelo de amenazas son la versión honesta, incluido lo que Wu no protege.

¿Ya lo usas?

La referencia de API está verificada contra el código de la v2.7. ¿Vienes de una versión anterior? Mira migrar a v2.7.

¿Necesitas SEO?

El renderizado en servidor manda marcado real en la primera respuesta, encapsulado, y lo hidrata sin repintar.

Qué es Wu, en una frase

Wu es un framework de microfrontends — también los verás escritos como micro frontends, micro-frontends, microfronts o simplemente MFE — que permite componer un frontend a partir de micro-apps independientes escritas en distintos frameworks de JavaScript. Si venís de Module Federation o single-spa, Wu cubre el mismo problema de arquitectura frontend con otro enfoque: sin configuración de bundler, con aislamiento real por Shadow DOM, renderizado en servidor (SSR) incluido y cero dependencias en runtime. Cada equipo desarrolla y despliega su micro-app por separado — React, Vue, Angular, Svelte, Solid, Preact, Lit, Qwik, Alpine, Stencil, HTMX, Stimulus o JavaScript puro — y el shell las compone en una sola página.