update readme with some new features for 0.7
This commit is contained in:
1 parent
dcf46ce81a
commit
bc593ba4ef
2 files changed
+33
-2
No files matched your search
@@ -86,13 +86,14 @@ fn app() -> Element {
|
|||||||
|
|
||||||
- Cross-platform apps in three lines of code (web, desktop, mobile, server, and more)
|
- Cross-platform apps in three lines of code (web, desktop, mobile, server, and more)
|
||||||
- [Ergonomic state management](https://dioxuslabs.com/blog/release-050) combines the best of React, Solid, and Svelte
|
- [Ergonomic state management](https://dioxuslabs.com/blog/release-050) combines the best of React, Solid, and Svelte
|
||||||
- Type-safe Routing and server functions to leverage Rust's powerful compile-time guarantees
|
- Built-in featureful, type-safe, fullstack web framework
|
||||||
- Integrated bundler for deploying to the web, macOS, Linux, and Windows
|
- Integrated bundler for deploying to the web, macOS, Linux, and Windows
|
||||||
|
- Subsecond Rust hot-patching and asset hot-reloading
|
||||||
- And more! [Take a tour of Dioxus](https://dioxuslabs.com/learn/0.6/).
|
- And more! [Take a tour of Dioxus](https://dioxuslabs.com/learn/0.6/).
|
||||||
|
|
||||||
## Instant hot-reloading
|
## Instant hot-reloading
|
||||||
|
|
||||||
With one command, `dx serve` and your app is running. Edit your markup and styles and see the results in real time.
|
With one command, `dx serve` and your app is running. Edit your markup, styles, and even Rust code and see changes in milliseconds.
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
<img src="https://raw.githubusercontent.com/DioxusLabs/screenshots/refs/heads/main/blitz/hotreload-video.webp">
|
<img src="https://raw.githubusercontent.com/DioxusLabs/screenshots/refs/heads/main/blitz/hotreload-video.webp">
|
||||||
@@ -100,6 +101,36 @@ With one command, `dx serve` and your app is running. Edit your markup and style
|
|||||||
<!-- <video src="https://private-user-images.githubusercontent.com/10237910/386919031-6da371d5-3340-46da-84ff-628216851ba6.mov" width="500"></video> -->
|
<!-- <video src="https://private-user-images.githubusercontent.com/10237910/386919031-6da371d5-3340-46da-84ff-628216851ba6.mov" width="500"></video> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
## A pragmatic and productive fullstack web framework
|
||||||
|
|
||||||
|
Directly call your backend from your frontend with our built-in type-safe RPC using [`server_fn`](http://crates.io/crates/server_fn). Supports streaming, suspense, bundle splitting, websockets, and more.
|
||||||
|
|
||||||
|
```rust
|
||||||
|
fn app() -> Element {
|
||||||
|
let mut fortune = use_signal(|| "Fetch a fortune!");
|
||||||
|
rsx! {
|
||||||
|
h1 { "{fortune}" }
|
||||||
|
button {
|
||||||
|
onclick: move |_| async move {
|
||||||
|
fortune.set(fetch_fortune().await.unwrap());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[server]
|
||||||
|
async fn fetch_fortune() -> ServerFnResult<String> {
|
||||||
|
"Dioxus is super productive!".to_string()
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## First-party primitive components
|
||||||
|
|
||||||
|
Get started quickly with a complete set of primitives modeled after ShadCN and Radix-Primitives.
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
<img src="./notes/primitive-components.avif">
|
||||||
|
</div>
|
||||||
|
|
||||||
## First-class Android and iOS support
|
## First-class Android and iOS support
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Reference in new issue
Block a user