ueact

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #llm #go #golang #machine-learning #deep-learning #linux #macos #awesome #cli #security #openai

(★ 50)

Ultimate Progressive and Freewheeling Web Library, Inspired by React and Vue, for Micro Frontend and Interactive Web Apps Building | 渐进式，多调和策略，多渲染终端的乐高式微前端框架，以及可复用的多框架碎片化组件

ueact Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![ueact banner](https://user-images.githubusercontent.com/5803001/44896692-a51adc00-ad2b-11e8-9be9-ac495c77932e.png)

# Ueact: 渐进式，多调和策略，多渲染终端的乐高式微前端框架以及可复用的碎片化组件

![](https://badge.fury.io/gh/wxyyxc1992%2FUeact.svg)

Ueact 旨在从零开始实现自定义的组件系统，多调和策略与数据流响应方式，同时能够被渲染/编译到多种组件。Ueact 并不是一个严谨的框架，笔者在在编写该框架的过程中始终遵循分层独立原则，更多的倾向于框架的可读性与可解释性，不可避免地会影响性能。笔者编写该框架的初衷也是希望方便感兴趣的读者了解 React/Vue.js 这样框架的原理与基本代码结构，同时也吸收了像 preact、anu 这样优秀的轻量级框架的优化方向。不过笔者代码写得差也不要当真嘛，Just For Fun!

Ueact 也不仅仅是框架，更包含了笔者对于微前端、交互式界面构建等架构/应用领域的思考与探索，以及对 [fe-boilerplate](https://github.com/wxyyxc1992/fe-boilerplate) 之上的通用模式的沉淀。Ueact 向上支撑的 [fractal-components](https://github.com/wx-chevalier/fractal-components) 以及 [Legoble](https://github.com/wx-chevalier/Legoble)，是笔者日常工作中总结出来的应用、组件库以及组件开发模式，为了保证其独立性与复用性，笔者以不同的方式实现了组件。

# TOC | 目录

![](https://github.com/danistefanovic/build-your-own-x/raw/master/feynman.png)

- 通用模块：

- [ueact-utils](./packages/ueact-utils): 基础工具库
  - [ueact-jsx](./packages/ueact-jsx): JSX 解析与元素创建
  - [ueact-vdom](./packages/ueact-vdom): Virtual DOM 定义、创建与 Diff
  - [ueact-component](./packages/ueact-component): 通用组件定义

- 数据绑定与调和算法：

- [ueact-observer](./packages/ueact-observer): 变量监听
  - [ueact-observer-dom](./packages/ueact-observer-dom): DOM 界面变化监听
  - [ueact-mvvm](./packages/ueact-mvvm): 双向数据绑定
  - [ueact-stack](./packages/ueact-stack): 单向数据流
  - [ueact-fiber](./packages/ueact-fiber): Fiber 异步调和

- 渲染模块：

- [ueact-render-dom](./packages/ueact-render-dom): DOM 渲染
  - [ueact-render-console](./packages/ueact-render-console): Console 渲染
  - [ueact-render-native](./packages/ueact-render-native): 移动端渲染
  - [ueact-render-server](./packages/ueact-render-server): 服务端渲染
  - [ueact-render-test](./packages/ueact-render-test): 测试用渲染

- 工程化与微前端：

- [ueact-rr](./packages/ueact-rr): 面向 React & Redux 技术栈的微前端方案
  - [ueact-mixed-spa](./packages/ueact-mixed-spa): 多框架混合 SPA

- 跨端开发

- [ueact-tiga](./packages/ueact-tiga): 仿 Taro 跨端开发

# Development | 开发

## Scaffold | 脚手架

- 使用 [Lerna](https://github.com/lerna/lerna#lernajson) 进行项目间依赖管理。

```sh
# 列举所有子项目
$ lerna list

# 为所有子项目安装依赖，并且 Link
$ lerna bootstrap

# 在全部子项目中执行命令
$ lerna exec
```

- 使用 Rollup/Microbundle/Webpack 进行项目打包

- 使用 Parcel 运行测试界面

# Home & More | 延伸阅读

笔者所有文章遵循 [知识共享 署名-非商业性使用-禁止演绎 4.0 国际许可协议](https://creativecommons.org/licenses/by-nc-nd/4.0/deed.zh)，欢迎转载，尊重版权。如果觉得本系列对你有所帮助，欢迎给我家布丁买点狗粮(支付宝扫码)~

[![技术视野](https://s2.ax1x.com/2019/12/03/QQJLvt.png)](https://github.com/wx-chevalier/Awesome-MindMaps)

您还可以前往 [NGTE Books](https://ng-tech.icu/books/) 主页浏览包含知识体系、编程语言、软件工程、模式与架构、Web 与大前端、服务端开发实践与工程架构、分布式基础架构、人工智能与深度学习、产品运营与创业等多类目的书籍列表：

[![NGTE Books](https://s2.ax1x.com/2020/01/18/19uXtI.png)](https://ng-tech.icu/books/)

ueact

ueact Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ueact

ueact Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README