Elux介绍

Learn Once, Write Anywhere...

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

一个问题

  • Q: 多大级别的应用可以使用Elux?我就一个小工程需要使用“微模块+模型驱动”吗?
  • A: 微模块是一种业务模块化方案,模型驱动是一种逻辑分层方案,与应用规模大小无关,它们让你的工程更有条理,并不增加额外维护成本。至于是否使用NPM管理微模块、是否使用Module Federation来实现“微前端”,这才需要根据应用级别考虑。

二大基石

  • 微模块
  • 模型驱动

三大面向

  • 面向“高内聚、低耦合”
  • 面向“分层而治”
  • 面向“业务模块化”

四大创新

  • 微模块
  • 模型驱动
  • 同时支持Mutable与Immutable的状态管理框架
  • 同时支持Web/SSR/小程序/APP的双栈单链虚拟路由

六大应用场景

  • CSR: 基于浏览器渲染的Web单页应用
  • SSR: 基于服务器渲染+浏览器渲染的同构应用
  • Micro: 基于ModuleFederation的微前端方案
  • Model: 跨UI框架、跨项目共用一套业务逻辑的共享方案
  • Taro: 基于Taro的跨平台应用(各类小程序
  • RN: 基于ReactNative的原生APP

十分简单

  • 使用既有技术栈,不发明轮子,不修改轮子。
  • 微框架,压缩后约几十K,小巧迷你。
  • 顶级API也就30来个。
  • 提供开箱即用的脚手架,以及多套模版。

典型案例

简单增删改查的H5页面(SSR服务器渲染):

基于Elux+Antd的后台管理系统: