9 个不稳定版本 (3 个重大变更)

0.4.0	2023 年 12 月 28 日
0.4.0-beta.0	2023 年 12 月 9 日
0.3.1	2023 年 8 月 31 日
0.3.0-alpha.0	2023 年 7 月 19 日
0.1.7	2022 年 8 月 16 日

#2136 in 网页开发

64 每月下载量

MIT/Apache

120KB
2K SLoC

Hirola

Hirola 是一个注重简洁和响应性的声明式前端框架。

目标

KISS：使用 Rust 简单且声明式的方式构建前端 UI。
使代码易于阅读、扩展和共享。
Frp 信号允许细粒度的响应性。
熟悉性：使用 rsx，它与 jsx 非常相似。

示例

我们将创建一个简单的计数器程序。

cargo new counter

对于一个新的项目，我们需要创建一个 index 文件，它是入口点并由 trunk 需要

cd counter

在 counter 的根目录下创建一个 index.html。添加以下内容

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hirola Counter</title>
  </head>
  <body></body>
</html>

让我们在 src/main.rs 中添加一些代码

use hirola::prelude::*;
use hirola::dom::*;

fn counter() -> Dom {
    let count = Mutable::new(0i32);
    let decrement = count.callback(|s| *s.lock_mut() -= 1);
    let increment = count.callback(|s| *s.lock_mut() += 1);
    html! {
        <>
            <button on:click=decrement>"-"</button>
            <span>{count}</span>
            <button on:click=increment>"+"</button>
        </>
    }
}
fn main() {
    hirola::dom::mount(counter()).unwrap();
}

现在让我们运行我们的项目

trunk serve

生态系统

查看使用 Hirola 编写的 Hirola 文档！

以下是 Hirola 的一些扩展

里程碑

状态	目标	标签
✔	使用 Rust 和 rsx 的基本模板化	`就绪`
✔	使用混合扩展功能	`就绪`
✔	组件	`就绪`
✔	SSR	`就绪`
✔	信号	`就绪`
🚧	表单管理	`开始`
⏳	Markdown 模板化	`待定`
🚧	样式	`开始`
⏳	SSG	`待定`

依赖

~8–11MB
~218K SLoC