Ueact 旨在从零开始实现自定义的组件系统,多调和策略与数据流响应方式,同时能够被渲染/编译到多种组件。Ueact 并不是一个严谨的框架,笔者在在编写该框架的过程中始终遵循分层独立原则,更多的倾向于框架的可读性与可解释性,不可避免地会影响性能。笔者编写该框架的初衷也是希望方便感兴趣的读者了解 React/Vue.js 这样框架的原理与基本代码结构,同时也吸收了像 preact、anu 这样优秀的轻量级框架的优化方向。不过笔者代码写得差也不要当真嘛,Just For Fun!
Ueact 也不仅仅是框架,更包含了笔者对于微前端、交互式界面构建等架构/应用领域的思考与探索,以及对 fe-boilerplate 之上的通用模式的沉淀。Ueact 向上支撑的 fractal-components 以及 Legoble,是笔者日常工作中总结出来的应用、组件库以及组件开发模式,为了保证其独立性与复用性,笔者以不同的方式实现了组件。
-
通用模块:
- ueact-utils: 基础工具库
- ueact-jsx: JSX 解析与元素创建
- ueact-vdom: Virtual DOM 定义、创建与 Diff
- ueact-component: 通用组件定义
-
数据绑定与调和算法:
- ueact-observer: 变量监听
- ueact-observer-dom: DOM 界面变化监听
- ueact-mvvm: 双向数据绑定
- ueact-stack: 单向数据流
- ueact-fiber: Fiber 异步调和
-
渲染模块:
- ueact-render-dom: DOM 渲染
- ueact-render-console: Console 渲染
- ueact-render-native: 移动端渲染
- ueact-render-server: 服务端渲染
- ueact-render-test: 测试用渲染
-
工程化与微前端:
- ueact-rr: 面向 React & Redux 技术栈的微前端方案
- ueact-mixed-spa: 多框架混合 SPA
-
跨端开发
- ueact-tiga: 仿 Taro 跨端开发
- 使用 Lerna 进行项目间依赖管理。
# 列举所有子项目
$ lerna list
# 为所有子项目安装依赖,并且 Link
$ lerna bootstrap
# 在全部子项目中执行命令
$ lerna exec
-
使用 Rollup/Microbundle/Webpack 进行项目打包
-
使用 Parcel 运行测试界面
笔者所有文章遵循 知识共享 署名-非商业性使用-禁止演绎 4.0 国际许可协议,欢迎转载,尊重版权。如果觉得本系列对你有所帮助,欢迎给我家布丁买点狗粮(支付宝扫码)~
您还可以前往 NGTE Books 主页浏览包含知识体系、编程语言、软件工程、模式与架构、Web 与大前端、服务端开发实践与工程架构、分布式基础架构、人工智能与深度学习、产品运营与创业等多类目的书籍列表: