https://github.com/yisar/homo
Lightweight Rendering engine similar to Harmony, but use Fre and quickjs
https://github.com/yisar/homo
Last synced: 9 months ago
JSON representation
Lightweight Rendering engine similar to Harmony, but use Fre and quickjs
- Host: GitHub
- URL: https://github.com/yisar/homo
- Owner: yisar
- License: mit
- Created: 2022-12-02T08:33:02.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-02T05:04:36.000Z (about 2 years ago)
- Last Synced: 2025-04-15T06:15:08.312Z (9 months ago)
- Language: C
- Homepage:
- Size: 14.6 MB
- Stars: 89
- Watchers: 3
- Forks: 14
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Homo
> Lightweight Rendering engine similar to Harmony, but use Fre and quickjs
*It was also called Fre native!*
- Javascript Runtime with [Zig](https://github.com/ziglang/zig) and [quickjs](https://github.com/bellard/quickjs)
- UI framework use [Fre.js](https://github.com/frejs/fre)
- Graphics Library use [LVGL](https://github.com/lvgl/lvgl)
- Event loop and Event bubbling
- DOM diff and Flex layout alghrithom
- cross-compilation with Zig
### Usage
```js
import { render, useState } from "fre"
function App() {
const [count, setCount] = useState(0)
const add = () => {
console.log('u clicked a button')
setCount(count + 1)
}
return (
{count}
)
}
render(, document.body)
```
### Run demo
```js
zig build
./zig-out/bin/fre.exe dist/app.js
```
### 说人话
Homo 是一个小型渲染引擎，它和鸿蒙、flutter等拥有类似的架构，只不过使用 quickjs 和 fre 而已
它甚至完整演示了浏览器的运行过程，包括 `eval fre code => dom diff => flex layout => event loop => event bubbling`
和鸿蒙不同的是，Homo 更贴近 web 子集，而且 homo 的编译链路非常流畅，zig 交叉编译quickjs，特别适合前端er 学习研究
另外，homo 未来如果要上生产，嵌入式是一个研究方向，手表，手环等，fre 拥有最小的尺寸
虽然理论上它仍然可以交叉编译到安卓，但是我建议大家还是使用 flutter，因为 flutter 的完成度是个奇迹
另外一个方向是，我会研究将 homo 编译到 ue 和 unity，但那就是另外一个故事了
总之大家，这是我在前端的最后一个开源坑了，来年其他领域再贱