Paketler

Tuvix.js 15 paketten oluşur: @tuvix.js/* scope'undaki 13 kütüphane, tuvix.js şemsiye paketi ve proje iskeleti oluşturan create-tuvix-app. Uygulamanızın import ettiği paketleri kurun.

Temel Paketler

⚙️

→

@tuvix.js/core

Core

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

Required

🔀

→

@tuvix.js/router

Router

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

Core

📡

→

@tuvix.js/event-bus

Event Bus

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

Core

📦

→

@tuvix.js/loader

Loader

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

Core

🔒

→

@tuvix.js/sandbox

Sandbox

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

Core

Framework Bağlamaları

⚛️

→

@tuvix.js/react

React

React 18+ bindings with hooks — useMicroApp, useTuvixEvent.

Binding

💚

→

@tuvix.js/vue

Vue

Vue 3 bindings with composables — useMicroApp, useTuvixEvent.

Binding

🔥

→

@tuvix.js/svelte

Svelte

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

Binding

🔺

→

@tuvix.js/angular

Angular

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

Binding

Araçlar

🛠️

→

@tuvix.js/devtools

DevTools

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

Dev

🖥️

→

@tuvix.js/server

Server

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

SSR

🌐

→

@tuvix.js/module-federation

Module Federation

Webpack 5 Module Federation integration for sharing remote micro apps.

Integration

⚡

→

@tuvix.js/vite

Vite

Vite plugin that puts island CSS and modulepreload links into the SSR head, so server-rendered micro apps are styled on first paint.

Build

🚀

→

create-tuvix-app

create-tuvix-app

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

CLI

Hepsini birden kurmak

npm install tuvix.js

tuvix.js şemsiye paketi core, router, event bus, loader ve sandbox paketlerini yeniden export eder. Framework adaptörlerini, @tuvix.js/server, @tuvix.js/vite, @tuvix.js/devtools ve @tuvix.js/module-federation paketlerini içermez; bunları ayrıca kurun.

Paketleri tek tek kurmak

# Core
npm install @tuvix.js/core
npm install @tuvix.js/router
npm install @tuvix.js/event-bus
npm install @tuvix.js/loader
npm install @tuvix.js/sandbox

# Framework adaptörleri (her mikro uygulamanın kullandığını kurun)
npm install @tuvix.js/react
npm install @tuvix.js/vue
npm install @tuvix.js/svelte
npm install @tuvix.js/angular

# Sunucu tarafı render ve build araçları
npm install @tuvix.js/server
npm install -D @tuvix.js/vite
npm install @tuvix.js/module-federation
npm install @tuvix.js/devtools

# Yeni proje iskeleti oluşturun
npx create-tuvix-app my-app

pnpm kullanıyorsanız npm install yerine pnpm add yazın.