16个不稳定版本 (3个破坏性更新)
0.4.0 | 2023年7月27日 |
---|---|
0.3.0 | 2022年10月21日 |
0.2.2 | 2021年12月14日 |
0.1.10 | 2020年8月13日 |
0.1.8 | 2020年7月31日 |
#4 in #hobo
被 4 个crate使用 (2个直接使用)
21KB
408 行
hobo
hobo 是一个有观点的、包含电池的Rust前端框架。在 稳定版Rust 上运行。
仍处于WIP状态,尽管已经被 GR Digital 用于生产。
查看书籍!
显著特性
- 无虚拟DOM - html元素只是添加到实体中的组件,可以直接通过
web_sys::HtmlElement
访问 - 无模型-视图-更新(即Elm架构) - 状态管理是手动进行的,通常通过实体-组件关系
- 无HTML宏 - 只是Rust函数
- 内置基于宏的样式,有点像CSS-in-JS,但只是Rust
- 通过 futures-signals 提供响应式支持
- 基于实体-组件的方法,允许在元素之间灵活地传播状态和保持一致性,而无需耦合或全局存储或状态
预览
pub use hobo::{
prelude::*,
create as e,
signals::signal::{Mutable, SignalExt}
};
fn counter() -> impl hobo::AsElement {
let counter = Mutable::new(0);
e::div()
.class((
css::display!(flex),
css::flex_direction!(column),
css::width!(400 px),
))
.child(e::div()
.text_signal(counter.signal().map(|value| {
format!("Counter value is: {value}")
}))
)
.child(e::button()
.text("increment")
.on_click(move |_| *counter.lock_mut() += 1)
)
}
依赖关系
~3.5MB
~67K SLoC