dioxus（dioxus 搜索）

Dioxus 0.7.3 Knowledge Patch

Claude's baseline knowledge covers Dioxus through 0.6.3. This skill provides 0.7.3 features.

Quick Reference

New in 0.7.3

Subsecond Hot-Patching

Full Rust hot-reload without restart. Functions called through jump table that gets patched.

// Standard Dioxus - automatic
fn main() {
    dioxus::launch(app);
}

// Non-Dioxus apps
fn main() {
    dioxus_devtools::connect_subsecond();
    loop {
        dioxus_devtools::subsecond::call(|| handle_request());
    }
}

Limitations: No struct changes (size/alignment), thread-locals reset, only tip crate patches.

See references/subsecond-hotpatch.md.

WASM Code Splitting

Split large WASM binaries into lazy-loaded chunks.

#[wasm_split(admin_panel)]
async fn load_admin_panel() -> AdminPanel {
    AdminPanel::new()  // In separate module_admin_panel.wasm
}

async fn handle_route(route: Route) {
    if let Route::Admin = route {
        let panel = load_admin_panel().await;
        panel.render();
    }
}

Key points: Split points must be async, memory shared, requires --emit-relocs.

See references/wasm-split.md.

Manganis Assets

Compile-time asset management with optimization.

let img = asset!("/assets/image.png");
let css = asset!("/assets/style.css", AssetOptions::css().minified());

rsx! {
    img { src: "{img}" }
    link { rel: "stylesheet", href: "{css}" }
}

CSS Modules:

css_module!(Styles = "/my.module.css", AssetOptions::css_module());
rsx! { div { class: Styles::header } }

See references/manganis-assets.md.

Stores (Nested Reactivity)

Granular path-based subscriptions for nested data.

#[derive(Store, Clone)]
struct TodoItem {
    checked: bool,
    contents: String,
}

let store = Store::new(TodoItem { checked: false, contents: "Buy milk".into() });

// Subscribe only to `checked` field
let checked = store.checked();
rsx! { input { checked: checked.read() } }

// Changing `contents` won't re-render above
store.contents().set("Buy eggs".into());

See references/stores-signals.md.

Renderers

All implement WriteMutations trait.

See references/renderers.md.

Workspace Structure

packages/
├── dioxus/           # Main re-export crate
├── core/             # VirtualDOM, components, diffing
├── rsx/              # RSX macro parsing
├── signals/          # Reactive state (Signal, Memo, Store)
├── hooks/            # Built-in hooks
├── router/           # Type-safe routing
├── fullstack/        # SSR, hydration, #[server]
├── cli/              # `dx` build tool
├── web/              # WASM renderer
├── desktop/          # Wry/Tao webview
├── native/           # Blitz/Vello GPU renderer
├── liveview/         # WebSocket streaming
├── manganis/         # asset!() macro
├── subsecond/        # Hot-patching system
└── wasm-split/       # WASM code splitting

Patterns (Unchanged from 0.5-0.6)

Components:

#[component]
fn MyComponent(name: String) -> Element {
    let mut count = use_signal(|| 0);
    rsx! { button { onclick: move |_| count += 1, "{name}: {count}" } }
}

Server Functions:

#[server]
async fn get_data(id: i32) -> Result<Data, ServerFnError> {
    // Runs on server, auto-RPC from client
}

Routing:

#[derive(Routable, Clone)]
enum Route {
    #[route("/")]
    Home {},
    #[route("/blog/:id")]
    Blog { id: usize },
}

Architecture

• WriteMutations: Trait all renderers implement for DOM changes
• Generational-box: Provides Copy semantics for signals
• ReactiveContext: Tracks signal reads for subscription
• Template-based: RSX compiles to static templates, only dynamic parts diffed

Reference Files