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个直接使用)

MIT 许可证

21KB
408

hobo

Crate Info API Docs

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