2021-01-16 15:31:17 +00:00
< div align = "center" >
< h1 > 🌗🚀 Dioxus< / h1 >
< p >
< strong > A concurrent, functional, virtual DOM for Rust< / strong >
< / p >
< / div >
# About
2021-01-14 07:56:41 +00:00
2021-02-08 21:57:34 +00:00
Dioxus is a portable, performant, and ergonomic framework for building cross-platform user experiences in Rust.
2021-01-16 06:30:48 +00:00
2021-02-08 21:57:34 +00:00
```rust
static Example: FC< ()> = |ctx| {
2021-02-09 17:33:54 +00:00
let (value, set_value) = use_state(& ctx, || "...?");
2021-01-29 16:57:52 +00:00
2021-02-08 21:57:34 +00:00
ctx.view(html! {
< div >
2021-02-14 23:03:16 +00:00
< button onclick = {move | _ | set_value ( " world ! " ) } > "?" < / button >
< button onclick = {move | _ | set_value ( " Dioxus 🎉 " ) } > "?" < / button >
2021-02-08 21:57:34 +00:00
< div >
2021-02-15 19:14:28 +00:00
< h1 > "Hello, {value}" < / h1 >
2021-02-08 21:57:34 +00:00
< / div >
< / div >
})
};
```
2021-02-14 23:03:16 +00:00
Dioxus can be used to deliver webapps, desktop apps, static pages, liveview apps, Android apps, iOS Apps, and more. At its core, Dioxus is entirely renderer agnostic and has great documentation for creating new renderers for any platform.
Dioxus is supported by Dioxus Labs, a company providing end-to-end services for building, testing, deploying, and managing Dioxus apps on all supported platforms, designed especially for your next startup.
2021-01-16 06:30:48 +00:00
2021-02-08 22:09:57 +00:00
### Get Started with...
2021-02-08 22:09:21 +00:00
< table style = "width:100%" align = "center" >
< tr >
< th > < a href = "http://github.com/jkelleyrtp/dioxus" > WebApps< / a > < / th >
2021-02-08 22:08:26 +00:00
< th > < a href = "http://github.com/jkelleyrtp/dioxus" > Desktop< / a > < / th >
< th > < a href = "http://github.com/jkelleyrtp/dioxus" > Mobile< / a > < / th >
< th > < a href = "http://github.com/jkelleyrtp/dioxus" > State Management< / a > < / th >
< th > < a href = "http://github.com/jkelleyrtp/dioxus" > Docs< / a > < / th >
2021-02-08 22:09:21 +00:00
< th > < a href = "http://github.com/jkelleyrtp/dioxus" > Tools< / a > < / th >
2021-02-08 22:05:58 +00:00
< tr >
< / table >
2021-02-08 22:07:27 +00:00
2021-02-08 22:05:58 +00:00
2021-01-16 06:30:48 +00:00
## Features
2021-01-21 07:25:44 +00:00
Dioxus' goal is to be the most advanced UI system for Rust, targeting isomorphism and hybrid approaches. Our goal is to eliminate context-switching for cross-platform development - both in UI patterns and programming language. Hooks and components should work *everywhere* without compromise.
2021-01-16 06:30:48 +00:00
Dioxus Core supports:
2021-02-08 16:12:02 +00:00
- [x] Hooks for component state
2021-01-16 06:30:48 +00:00
- [ ] Concurrent rendering
- [ ] Context subscriptions
- [ ] State management integrations
2021-02-08 16:12:02 +00:00
Separately, we maintain a collection of high quality, cross-platform hooks and services in the dioxus-hooks repo:
- [ ] `dioxus-router` : A hook-based router implementation for Dioxus web apps
We also maintain two state management options that integrate cleanly with Dioxus apps:
- [ ] `dioxus-reducer` : ReduxJs-style global state management
- [ ] `dioxus-dataflow` : RecoilJs-style global state management
2021-02-16 06:41:41 +00:00
## Explore
2021-02-16 06:43:50 +00:00
- [**Running the examples**: Explore the vast collection of samples, tutorials, and demos ](docs/guides/00-index.md )
- [**Building applications**: Use the Dioxus CLI to build and bundle apps for various platforms ](docs/guides/01-ssr.md )
- [**Liveview**: Build custom liveview components that simplify datafetching on all platforms ](docs/guides/01-ssr.md )
- [**State management**: Easily add powerful state management that comes integrated with Dioxus Core ](docs/guides/01-ssr.md )
- [**Concurrency**: Drop in async where it fits and suspend components until new data is ready ](docs/guides/01-ssr.md )
- [**1st party hooks**: router ](docs/guides/01-ssr.md )
- [**Community hooks**: 3D renderers ](docs/guides/01-ssr.md )
2021-01-29 16:57:52 +00:00
## Dioxus LiveHost
Dioxus LiveHost is a paid service dedicated to hosting your Dioxus Apps - whether they be server-rendered, wasm-only, or a liveview. LiveHost enables a wide set of features:
2021-02-08 16:12:02 +00:00
- Versioned combined frontend and backend with unique access links
- Builtin CI/CD for all supported Dioxus platforms (macOS, Windows, Android, iOS, server, WASM, etc)
- Managed and pluggable storage database backends (PostgresSQL, Redis)
2021-01-29 16:57:52 +00:00
- Serverless support for minimal latency
- Analytics
- Lighthouse optimization
- On-premise support (see license terms)
2021-02-03 07:26:04 +00:00
- Cloudfare/DDoS protection integrations
2021-02-08 16:12:02 +00:00
- Web-based simulators for iOS, Android, Desktop
- Team + company management
2021-01-29 16:57:52 +00:00
2021-02-08 16:12:02 +00:00
For small teams, LiveHost is free 🎉. Check out the pricing page to see if Dioxus LiveHost is good fit for your team.
2021-01-29 16:57:52 +00:00
2021-01-14 07:56:41 +00:00