• 新增基于React+Antd的管理系统模版( GithubGitee
  • 新增基于Vue+Antd的管理系统模版( GithubGitee

基于“微模块”和“模型驱动”的跨平台、跨框架『同构方案』

快速上手 了解项目

微模块

以业务功能的高内聚低耦合划分微模块,各微模块可独立自治、灵活拆装、按需加载、版本控制,是一种更自由、更细粒度的微前端...

模型驱动

以业务逻辑的数据模型作为核心驱动,减少对运行平台、UI框架的强依赖和干挠,是领域驱动在前端开发的白话版、简化版、落地版...

elux-微模块-模型驱动

一站式跨平台、跨框架同构

  • React
  • Vue
  • Taro
  • ReactNative
  • ...

Learn Once, Write Anywhere...

  • Web(浏览器)
  • Micro(微前端)
  • SSR(服务器渲染)
  • MP(小程序)
  • APP(手机应用)

独创基于双栈单链的“虚拟路由”+“虚拟多页”

Elux抹平了各平台、各UI库中路由的千差万别,实现了统一的带二维历史栈的虚拟路由,并催生出独有的虚拟多页,让单页和多页彼此扬长避短...

单页应用

single-page application
SPA
  • 共享同一个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