Intro to Dioxus 0.7

Step 1 / 6

What is Dioxus?

Dioxus is a Rust framework for building cross-platform user interfaces. It borrows concepts from React (hooks, components, virtual DOM) but compiles to native code or WASM.

In this workshop you'll build a small todo app from scratch.

main.rs

use dioxus::prelude::*;

fn main() {
    dioxus::launch(App);
}

#[component]
fn App() -> Element {
    rsx! {
        h1 { "Hello, Dioxus!" }
        p { "Welcome to the workshop." }
    }
}

Create a new project

cargo new my-todo --bin && cd my-todo && cargo add dioxus --features web

Step 1 / 6

Next ▶