Welcome to microcosmos 👋
一个写着玩的微前端框架
GitHub Homepage
🏠👊 功能
- Html-loader
- Dynamaic-css
- Js-sandbox
- Lifecycle
- Parent-Child Communication
- Prefetch
📥 安装
git clone https://github.com/chuifengji/microcosmos.git
🛠 使用
引入
npm i microcosmos ;
注册子应用
开始
主应用路由方式
{ { windowhistory; } return <div> <nav> <ol> <li onClick= ><a>子应用一</a></li> <li onClick= ><a >子应用二</a></li> </ol> </nav> <div id="sub-vue"></div> <div id="sub-react"></div> </div> }
子应用必须导出钩子函数
bootstrap、mount、unmount
{ console} { console ReactDOM} { console let root = document; rootinnerHTML = ''}
全局状态通信/存储
应用之间通信的场景其实较少,所以全局Store设计的也很简单。
在主应用中:
- initCosmosStore:初始化 store
- subscribeStore:监听 store 变化
- changeStore:给 store 派发新值
- getStore:获取 store 当前快照
let store = store store store;
在子应用中:
{ rootStore rootStore rootStore; instance = // router, store }
Demo 事例
📌👥 作者
👤 Ethan.Lv
- Website: https://www.ethanlv.cn
- Github: @chuifengji
🤝 贡献
任何贡献、issues、pr 以及功能提议都是受欢迎的!
快去 issues 页面 看看!
🎉 支持
如果帮到各位爷了就给个 ⭐️ 罢!——正如作者所说:
呜唔,谢谢 star 欢迎 pr