No description
Find a file
Jonathan Kelley 0fe74f7dcc
Merge pull request #2 from DioxusLabs/jk/overhaul
Overhaul - add auto reloading, status pages, web sockets, move to Tokio/structopt
2021-12-29 12:03:34 -05:00
.github/workflows feat: add extension 2021-12-29 12:03:21 -05:00
.vscode wip: move to tokio/axum/etc 2021-12-29 12:03:21 -05:00
extension feat: add vscode extension 2021-12-29 12:03:21 -05:00
src wip: move to tokio/axum/etc 2021-12-29 12:03:21 -05:00
tests wip: move to tokio/axum/etc 2021-12-29 12:03:21 -05:00
.gitignore wip: move out of dioxus main 2021-07-07 16:54:14 -04:00
Cargo.toml wip: move to tokio/axum/etc 2021-12-29 12:03:21 -05:00
README.md docs: fix readme 2021-12-29 11:57:30 -05:00
TODO.md wip: move to tokio/axum/etc 2021-12-29 12:03:21 -05:00

📦 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