基于“微模块”和“模型驱动”的跨平台、跨框架『同构方案』
微模块
以业务功能的高内聚低耦合划分微模块,各微模块可独立自治、灵活拆装、按需加载、版本控制,是一种更自由、更细粒度的微前端...
模型驱动
以业务逻辑的数据模型作为核心驱动,减少对运行平台、UI框架的强依赖和干挠,是领域驱动在前端开发的白话版、简化版、落地版...

一站式跨平台、跨框架同构
- React
- Vue
- Taro
- ReactNative
- ...
Learn Once, Write Anywhere...
- Web(浏览器)
- Micro(微前端)
- SSR(服务器渲染)
- MP(小程序)
- APP(手机应用)
独创基于双栈单链的“虚拟路由”+“虚拟多页”
Elux抹平了各平台、各UI库中路由的千差万别,实现了统一的带二维历史栈的虚拟路由,并催生出独有的虚拟多页,让单页和多页彼此扬长避短...
单页应用
single-page application- 共享同一个Runtime,灵活可控 👍
- 局部刷新、更友好的用户体验 👍
- 更新时元素被替换,回退时需重建(信息丢失) 👎
- 数据和状态被不断增量累积,难以清理 👎
MPA
多页应用
multi-page application- 👍 可保持原页面而打开新页面,便于快速回退
- 👍 页面彼此隔离,更新简单,运行时随页面而销毁
- 👎 页面间交互和通讯能力弱,可操控性不足
- 👎 多个页面使内存开销增大,容易导致用户迷路
使用既有技术栈,提供CLI工具开箱即用
Cli模版持续增加中...
- CSR: 基于浏览器渲染的Web应用
- SSR: 基于服务器渲染 + 浏览器渲染的同构应用
- Micro: 基于ModuleFederation的“微前端”方案
- Model: 基于模型驱动,React与Vue跨项目共用Model
- Taro: 基于Taro的跨平台应用(各类小程序)
- RN: 基于ReactNative的原生APP
- ANTD: 基于Ant-Design的React/Vue后台管理系统
只需一行命令,立即试试吧!👇
npm create elux@latest 或 yarn create elux