UI는 Dioxus로 쓰고, 그리는 일은 Compose에게 맡깁니다.

use dioxus_compose::prelude::*;

fn app() -> Element {
    let mut messages = use_signal(Vec::<String>::new);
    let mut draft = use_signal(String::new);

    rsx! {
        Column {
            fill_max_width: true,
            Text { text: "dioxus-compose chat" }
            for message in messages() {
                Text { text: message }
            }
            TextField {
                placeholder: "Write a message",
                multiline: true,
                on_value_change: move |value| draft.set(value),
                on_key_down: move |event: KeyEvent| {
                    if event.key() == Key::Enter && !event.shift_key() {
                        // … draft를 messages에 넣습니다 …
                        event.consume();
                    }
                }
            }
        }
    }
}

fn main() {
    dioxus_compose::launch(app);
}