Next-generation micro-frontend framework based on ESM with zero runtime overhead, supporting sandbox-free multi-framework hybrid development
โก๏ธ Ultimate Performance ยท ๐ ๏ธ Developer Friendly ยท ๐ง Standard Syntax
English | ็ฎไฝไธญๆ
- Zero Runtime Overhead - Based on native ESM + ImportMap, no sandbox or proxy
- High-Performance Build - Powered by Rspack, significantly faster builds
- Complete SSR Support - High-performance server-side rendering, SEO-friendly
- Standard ESM Syntax - No framework-specific APIs, minimal learning curve
- Multi-Framework Support - Vue, React, Preact, Solid, and more
Feature | Traditional Solutions | Esmx |
---|---|---|
Architecture | Manual sandbox + proxy | Native ESM |
Runtime | Has overhead | Zero overhead |
Learning Curve | Framework APIs | Standard syntax |
Module Isolation | Sandbox simulation | Browser native |
// Remote App - Export modules
export default {
modules: { exports: ['npm:vue', 'root:src/Button.vue'] }
}
// Host App - Import modules
export default {
modules: {
links: { 'remote': './node_modules/remote' },
imports: { 'vue': 'remote/vue' }
}
}
// Using standard ESM syntax
import { createApp } from 'vue';
import Button from 'remote/src/Button.vue';
๐ Documentation
Package | Version | Status | Description |
---|---|---|---|
@esmx/core | ๐ต Preview | Micro-frontend framework with ESM linking | |
@esmx/router | ๐ต Preview | Framework-agnostic router | |
@esmx/router-vue | ๐ต Preview | Vue integration (2.7+ & 3) | |
@esmx/rspack | ๐ต Preview | Framework-agnostic Rspack tool | |
@esmx/rspack-vue | ๐ต Preview | Rspack tool for Vue |
Project Name | Tech Stack | Live Preview |
---|---|---|
ssr-html | Native HTML + TypeScript | Preview |
ssr-vue2-host | Vue 2.7 + SSR | Preview |
ssr-vue2-remote | Vue 2.7 | Preview |
ssr-preact-htm | Preact + HTM | Preview |
๐ก Development: First run
./build.mjs
to build all packages and examples, thencd
to specific project directory to start development