.github/workflows | ||
.vscode | ||
extension | ||
src | ||
tests | ||
.gitignore | ||
Cargo.toml | ||
README.md | ||
TODO.md |
📦✨ dioxus-Studio
Tooling to supercharge dioxus projects
About
dioxus-studio (inspired by wasm-pack and webpack) is a tool to help get dioxus projects off the ground. It handles all the build, development, bundling, and publishing to make web development just a simple two commands: cargo init
and dioxus-cli publish
.
Best thing:
- No NPM.
- No Webpack.
- No
node_modules
. - No Babel
- No parcel
- No rollup
- No ESLint
Visual Studio
Dioxus Studio features a command-line driven visual interface to manage your project. It's a great way to get started with dioxus projects.
To start the visual environment, simply type dioxus studio
in your terminal.
From there, you can explore all the options to build, bundle, and deploy your app.
Features
Just install Rust, dioxus-cli, and you're good to go.
cargo install --git github.com/jkelleyrtp/dioxus-cli
Need a development server?
dioxus develop
Need to run an example?
dioxus develop --example textbox
Need to benchmark a component?
dioxus bench
Need to test your code?
dioxus test
Need to convert some html into rsx?
dioxus convert file.html >> file.rs
Need to build your code into a bundle?
dioxus build --outdir public
Use in your project
Sometimes you'll want to include static assets without bundling them into your .wasm content. dioxus-cli provides a few ways of doing this:
- Load in dynamic content using
dioxus::asset("./static/images/blah.svg")
- Live-reload HTML templates without rebuilding your .wasm with
dioxus::template("./templates/blah.html")
- Use a CSS library like tailwind in your dioxus configuration with