[killerbreeze]

I think this is spot on. I've used Iced and Dioxus and both are great. I do take the author's point that the actual UI code, even in Dioxus, is verbose. It is. And that's a trade off I'm willing to make for guaranteed correctness.

[slopinthebag]

I haven't used Iced but re. Dioxus, I don't know if it's necessary more verbose conceptually. One of the most frustrating things with React is handling async updates, and while Rust's async story is conceptually difficult, it's ultimately much easier to reason about (imo). Like are we sure a comparable component in React would be any less verbose?

   let mut breed = use_signal(|| "hound".to_string());

   let dogs = use_resource(move || async move {
     reqwest::Client::new()
       .get(format!("https://dog.ceo/api/breed/{breed}/images"))
       .send()
       .await?
       .json::<BreedResponse>()
       .await
   });

   rsx! {
     input {
       value: "{breed}",
       oninput: move |e| breed.set(e.value()),
     }

     div {
       display: "flex",
       flex_direction: "row",
       if let Some(response) = &*dogs.read() {
         match response {
           Ok(urls) => rsx! {
             for image in urls.iter().take(3) {
               img {
                 src: "{image}",
                 width: "100px",
                 height: "100px",
               }
             }
           },
           Err(err) => rsx! { "Failed to fetch response: {err}" },
         }
       } else {
         "Loading..."
       }
     }
   }

Imo the RSX here is much less verbose than JSX. Inline match statement, inline if statement, inline for loop, .take(3) compared to `Array.from({ length: 3 }).map((_, i) => urls[i]))`, etc etc. This gives you automatic cancellation of the future, whereas with React you would need a third party library like React Query, and then manually abort requests in the asynchronous function with an abort signal -- in Rust, you get that for free. You also get data validation for free, instead of needing eg. Zod for manual runtime validation.