commit lf desktop readme
This commit is contained in:
1 parent
0d94a51ec8
commit
1eb00b5e00
1 file changed
+50
-50
@@ -1,50 +1,50 @@
|
|||||||
Dioxus Desktop Renderer
|
Dioxus Desktop Renderer
|
||||||
|
|
||||||
Render the Dioxus VirtualDom using the platform's native WebView implementation.
|
Render the Dioxus VirtualDom using the platform's native WebView implementation.
|
||||||
|
|
||||||
# Desktop
|
# Desktop
|
||||||
|
|
||||||
One of Dioxus' flagship features is the ability to quickly build a native desktop app that looks and feels the same across platforms. Apps built with Dioxus are typically <5mb in size and use existing system resources, so they won't hog extreme amounts of RAM or memory.
|
One of Dioxus' flagship features is the ability to quickly build a native desktop app that looks and feels the same across platforms. Apps built with Dioxus are typically <5mb in size and use existing system resources, so they won't hog extreme amounts of RAM or memory.
|
||||||
|
|
||||||
Dioxus Desktop is built off Tauri. Right now there aren't any Dioxus abstractions over the menubar, handling, etc, so you'll want to leverage Tauri - mostly [Wry](http://github.com/tauri-apps/wry/) and [Tao](http://github.com/tauri-apps/tao) directly. An upcoming release of Dioxus-Desktop will include components and hooks for notifications, global shortcuts, menubar, etc.
|
Dioxus Desktop is built off Tauri. Right now there aren't any Dioxus abstractions over the menubar, handling, etc, so you'll want to leverage Tauri - mostly [Wry](http://github.com/tauri-apps/wry/) and [Tao](http://github.com/tauri-apps/tao) directly. An upcoming release of Dioxus-Desktop will include components and hooks for notifications, global shortcuts, menubar, etc.
|
||||||
|
|
||||||
## Getting Set up
|
## Getting Set up
|
||||||
|
|
||||||
Getting Set up with Dioxus-Desktop is quite easy. Make sure you have Rust and Cargo installed, and then create a new project:
|
Getting Set up with Dioxus-Desktop is quite easy. Make sure you have Rust and Cargo installed, and then create a new project:
|
||||||
|
|
||||||
```shell
|
```shell
|
||||||
$ cargo new --bin demo
|
$ cargo new --bin demo
|
||||||
$ cd app
|
$ cd app
|
||||||
```
|
```
|
||||||
|
|
||||||
Add Dioxus and the `desktop` renderer feature:
|
Add Dioxus and the `desktop` renderer feature:
|
||||||
|
|
||||||
```shell
|
```shell
|
||||||
$ cargo add dioxus
|
$ cargo add dioxus
|
||||||
$ cargo add dioxus-desktop
|
$ cargo add dioxus-desktop
|
||||||
```
|
```
|
||||||
|
|
||||||
Edit your `main.rs`:
|
Edit your `main.rs`:
|
||||||
|
|
||||||
```rust, ignore
|
```rust, ignore
|
||||||
// main.rs
|
// main.rs
|
||||||
use dioxus::prelude::*;
|
use dioxus::prelude::*;
|
||||||
|
|
||||||
fn main() {
|
fn main() {
|
||||||
dioxus_desktop::launch(app);
|
dioxus_desktop::launch(app);
|
||||||
}
|
}
|
||||||
|
|
||||||
fn app() -> Element {
|
fn app() -> Element {
|
||||||
rsx! {
|
rsx! {
|
||||||
div {
|
div {
|
||||||
"hello world!"
|
"hello world!"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
To configure the webview, menubar, and other important desktop-specific features, checkout out some of the launch configuration in the [API reference](https://docs.rs/dioxus-desktop/).
|
To configure the webview, menubar, and other important desktop-specific features, checkout out some of the launch configuration in the [API reference](https://docs.rs/dioxus-desktop/).
|
||||||
|
|
||||||
## Future Steps
|
## Future Steps
|
||||||
|
|
||||||
Make sure to read the [Dioxus Guide](https://dioxuslabs.com/learn/0.7/) if you already haven't!
|
Make sure to read the [Dioxus Guide](https://dioxuslabs.com/learn/0.7/) if you already haven't!
|
||||||
Reference in new issue
Block a user