Tuvix.jsFramework de Microfrontends

Um orquestrador Lightweight e independente de framework. Construa aplicações frontend escaláveis e independentemente deployáveis com React, Vue, Svelte, Angular ou Vanilla JS.

Primeiros passos

🔧

Independente de Framework

Misture micro-apps de React, Vue, Svelte, Angular e Vanilla JS em uma única shell, tudo ao mesmo tempo.

📦

Zero Dependências em Runtime

Todos os pacotes têm zero dependências em runtime. Tree-shakeable e Lightweight.

🔀

Roteamento Integrado

Ativação de micro-apps baseada em URL. Monta e desmonta automaticamente ao mudar de rota.

📡

Barramento de Eventos

Comunicação tipada de publicação/assinatura entre micro-apps sem globais compartilhados.

🔒

Sandbox CSS & JS

Isolamento de estilos com Shadow DOM e isolamento de escopo JS com Proxy. Sem vazamento de estilos.

⚡

Carregamento Dinâmico

Carregue bundles de micro-apps sob demanda com cache, lógica de retry e limites de erro.

Instalação Rápida

bash

npm install tuvix.js

14 Pacotes · 10 Idiomas · Licença MIT

Pacotes Principais

The orchestrator — registers, mounts, and manages all micro app lifecycles.

@tuvix.js/router

URL-based micro app routing with history and hash mode support.

@tuvix.js/event-bus

Typed inter-app communication. Publish and subscribe across micro apps.

@tuvix.js/loader

Dynamic module loading with caching, retry and error boundary support.

@tuvix.js/sandbox

CSS and JS isolation using Shadow DOM and JS Proxy. Prevent style leakage.

Bindings de Framework

@tuvix.js/react

React 18+ bindings with hooks — useMicroApp, useTuvixEvent.

Vue 3 bindings with composables — useMicroApp, useTuvixEvent.

@tuvix.js/svelte

Svelte 3/4/5 bindings with reactive stores and lifecycle integration.

@tuvix.js/angular

Angular 15+ module, service and directive bindings for micro apps.

Ferramentas

@tuvix.js/devtools

In-browser debug panel. Inspect registered apps, events and loader state.

@tuvix.js/server

Server-side composition — pre-render and stitch micro app HTML on the server.

@tuvix.js/module-federation

Module Federation

Webpack 5 Module Federation integration for sharing remote micro apps.

create-tuvix-app

create-tuvix-app

CLI scaffolding tool. Instantly bootstrap a Tuvix.js micro app project.