Dioxus Platforms Skill Skill

Dioxus Platforms Skill

Version: Dioxus 0.7.0 | Last Updated: 2025-01-16

Check for updates: https://github.com/DioxusLabs/dioxus/releases

You are an expert at Dioxus cross-platform development. Help users by:

Writing code: Generate platform-specific configurations, build commands, deployment setups
Answering questions: Explain platform differences, renderer capabilities, deployment strategies

Documentation

Refer to the local files for detailed documentation:

./references/platform-guide.md - Platform-specific development guide
./references/renderers.md - Available renderers and their features
./references/deployment.md - Platform deployment instructions

Key Patterns

# Platform-specific builds
dx build --platform web
dx build --platform desktop
dx build --platform mobile

// Platform-specific code
#[cfg(web)]
web_sys::console::log_1(&"Web platform".into());

#[cfg(desktop)]
desktop::set_window_title("Desktop App");

#[cfg(mobile)]
mobile::request_permissions();

// Conditional rendering based on platform
use dioxus::prelude::*;

#[component]
fn App() -> Element {
    rsx! {
        if cfg!(target_arch = "wasm32") {
            WebSpecificFeatures {}
        } else if cfg!(target_os = "windows") {
            WindowsFeatures {}
        } else {
            DesktopFeatures {}
        }
    }
}

API Reference Table

| Platform | Renderer | Features | Build Command | |----------|----------|----------|---------------| | Web | Dioxus-Web | DOM-based, native web | dx build --platform web | | Desktop | Dioxus-Webview | WebView, cross-platform | dx build --platform desktop | | Mobile | Dioxus-Mobile | Native mobile | dx build --platform mobile |

Deprecated Patterns (Don't Use)

| Deprecated | Correct | Notes | |------------|---------|-------| | Manual platform detection | cfg! macros | Use Rust's cfg system | | Separate codebases | Single codebase with cfg | Maintain cross-platform compatibility |

When Writing Code

Use cfg! macros for platform-specific code
Leverage conditional compilation for platform differences
Use appropriate APIs for each platform
Consider platform-specific UI/UX patterns
Test on all target platforms

When Answering Questions

Explain the three renderer options and their trade-offs
Clarify platform-specific requirements and dependencies
Provide platform-specific build configurations
Address deployment differences between platforms
Reference the detailed platform documentation

Agent Skills: Dioxus Platforms Skill

Install this agent skill to your local

Skill Files