ranile/yew-vdom-gen

Construct Yew’s Virtual DOM using ergonomic Rust idioms.

Yew VDOM Generator

Construct Yew’s Virtual DOM using ergonomic Rust idioms.

The API is based around functions and makes no use of macros, like yew::html! which allows it to provide great IDE support. IntelliSense is your friend when using this library.

Usage

use yew::prelude::*;
use yew_dsl::prelude::*;

struct Component1;
impl Component for Component1 {
    // ...
    fn view(&self) -> Html {
        h1("Heading ").into()
    }
}

struct Component2;
impl Component for Component2 {
    // ...
    fn view(&self) -> Html {
        div()
            .component::<Component2>(yew::props!(Component1::Properties {}))
            .child(h2("test2"))
            .listener(on_click(|_e| log!("test")))
            .into()
    }
}

Documentation

The API docs are hosted on docs.rs.

yew-vdom-gen's Issues

Unable to connect NodeRef to VNode

In the same fashion as

let x = use_node_ref();
html! {
    <div ref={x}></div>
}

How to construct a fragment?

how do I construct something like this in yew-dsl?

html!{
<>
  <br/>
  <br/>
</>
}

How does the performance compare?

Benchmarks don't exist yet. But how about theoretic performance compared to the html! macro?