Tuvix.jsMicrofrontend-Framework

Ein Lightweight, framework-agnostischer Orchestrator. Erstelle skalierbare, unabhängig deploybare Frontend-Anwendungen mit React, Vue, Svelte, Angular oder Vanilla JS.

Auf GitHub ansehen

🔧

Framework-agnostisch

Mische React-, Vue-, Svelte-, Angular- und Vanilla-JS-Micro-Apps in einer einzigen Shell - alle gleichzeitig.

📦

Keine Laufzeit-Abhängigkeiten

Jedes Paket enthält null Laufzeit-Abhängigkeiten. Tree-shakeable und Lightweight.

🔀

Eingebautes Routing

URL-basierte Micro-App-Aktivierung. Apps werden automatisch ein- und ausgehängt, wenn sich die Route ändert.

📡

Event Bus

Typisierte Publish/Subscribe-Kommunikation zwischen Micro-Apps ohne gemeinsame Globals.

🔒

CSS- und JS-Sandbox

Shadow-DOM-Stilisolation und JS-Proxy-Scope-Isolation. Keine Style-Leaks mehr.

⚡

Dynamisches Laden

Lade Micro-App-Bundles bei Bedarf mit Caching, Wiederholungslogik und Error Boundaries.

Schnellinstallation

bash

npm install tuvix.js

14 Pakete · 10 Sprachen · MIT-Lizenz

Kernpakete

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.

Framework-Bindungen

@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.

Werkzeuge

@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.