Skip to content

Commit 66a5024

Browse files
authored
Update all docs links to 0.6, release 0.6 (#3225)
* update doc links to 0.6 * add new splash pages for crates * update keyword features * remove some unnecessary links
1 parent d7d2c2f commit 66a5024

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+296
-227
lines changed

Cargo.toml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -224,6 +224,7 @@ cargo-config2 = "0.1.26"
224224
criterion = { version = "0.5" }
225225
walrus = "0.23.2"
226226
cargo_metadata = "0.18.1"
227+
parking_lot = "0.12.1"
227228
tracing-wasm = "0.2.1"
228229
console_error_panic_hook = "0.1.7"
229230

README.md

Lines changed: 40 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
<p>
22
<p align="center" >
3-
<img src="./notes/header-light.svg#gh-light-mode-only" >
4-
<img src="./notes/header-dark.svg#gh-dark-mode-only" >
5-
<a href="https://dioxuslabs.com">
6-
<img src="./notes/dioxus_splash_8.avif">
7-
</a>
3+
<!-- <img src="./notes/header-light-updated.svg#gh-light-mode-only" >
4+
<img src="./notes/header-dark-updated.svg#gh-dark-mode-only" > -->
5+
<!-- <a href="https://dioxuslabs.com">
6+
<img src="./notes/flat-splash.avif">
7+
</a> -->
8+
<img src="./notes/splash-header-darkmode.svg#gh-dark-mode-only" style="width: 80%; height: auto;">
9+
<img src="./notes/splash-header.svg#gh-light-mode-only" style="width: 80%; height: auto;">
10+
<img src="./notes/image-splash.avif">
11+
<br>
812
</p>
913
</p>
1014
<div align="center">
@@ -45,7 +49,7 @@
4549
<span> | </span>
4650
<a href="https://github.com/DioxusLabs/dioxus/tree/main/examples"> Examples </a>
4751
<span> | </span>
48-
<a href="https://dioxuslabs.com/learn/0.5/guide"> Guide </a>
52+
<a href="https://dioxuslabs.com/learn/0.6/guide"> Guide </a>
4953
<span> | </span>
5054
<a href="https://github.com/DioxusLabs/dioxus/blob/main/translations/zh-cn/README.md"> 中文 </a>
5155
<span> | </span>
@@ -59,6 +63,9 @@
5963
</h3>
6064
</div>
6165
<br>
66+
<p align="center">
67+
<a href="https://dioxuslabs.com/blog/release-060/">✨ Dioxus 0.6 is released - check it out here! ✨</a>
68+
</p>
6269
<br>
6370

6471
Build for web, desktop, and mobile, and more with a single codebase. Zero-config setup, integrated hotreloading, and signals-based state management. Add backend functionality with Server Functions and bundle with our CLI.
@@ -79,40 +86,44 @@ fn app() -> Element {
7986

8087
- Cross-platform apps in three lines of code (web, desktop, mobile, server, and more)
8188
- [Ergonomic state management](https://dioxuslabs.com/blog/release-050) combines the best of React, Solid, and Svelte
82-
- Extremely performant, powered by Rust's fastest wasm-framework [sledgehammer](https://dioxuslabs.com/blog/templates-diffing)
89+
- Type-safe Routing and server functions to leverage Rust's powerful compile-time guarantees
8390
- Integrated bundler for deploying to the web, macOS, Linux, and Windows
84-
- And more! Read the [take a tour of Dioxus](https://dioxuslabs.com/learn/0.5/).
91+
- And more! [Take a tour of Dioxus](https://dioxuslabs.com/learn/0.6/).
8592

8693
## Instant hot-reloading
8794

88-
With one command, `dx serve` and your app is running. Edit your markup and styles and see the results in real time. Rust code hotreloading is not yet 1st class, but possible with [hot-lib-reloader](https://docs.rs/hot-lib-reloader/latest/hot_lib_reloader/).
95+
With one command, `dx serve` and your app is running. Edit your markup and styles and see the results in real time.
8996

9097
<div align="center">
91-
<img src="./notes/hotreload.gif">
98+
<img src="https://raw.githubusercontent.com/DioxusLabs/screenshots/refs/heads/main/blitz/hotreload-video.webp">
99+
<!-- <video src="https://private-user-images.githubusercontent.com/10237910/386919031-6da371d5-3340-46da-84ff-628216851ba6.mov" width="500"></video> -->
100+
<!-- <video src="https://private-user-images.githubusercontent.com/10237910/386919031-6da371d5-3340-46da-84ff-628216851ba6.mov" width="500"></video> -->
92101
</div>
93102

94-
## Bundler for deploying to the web and desktop
95103

96-
Simply run `dx bundle` and your app will be built and bundled with maximization optimizations. On the web, take advantage of [`.avif` generation, `.wasm` compression, minification](https://dioxuslabs.com/learn/0.5/reference/assets), and more. Build webapps weighing [less than 50kb](https://github.com/ealmloff/tiny-dioxus/) and desktop/mobile apps less than 15mb.
104+
## First-class Android and iOS support
105+
106+
Dioxus is the fastest way to build native mobile apps with Rust. Simply run `dx serve --platform android` and your app is running in an emulator or on device in seconds. Call directly into JNI and Native APIs.
97107

98108
<div align="center">
99-
<img src="./notes/bundle.gif">
109+
<img src="./notes/android_and_ios2.avif" width="500">
100110
</div>
101111

102-
## Fantastic documentation
112+
## Bundle for web, desktop, and mobile
103113

104-
We've put a ton of effort into building clean, readable, and comprehensive documentation. All html elements and listeners are documented with MDN docs, and our docsite runs continuous integration with Dioxus itself to ensure that the docs are always up to date. Check out the [Dioxus website](https://dioxuslabs.com/learn/0.5/) for guides, references, recipes, and more. Fun fact: we use the Dioxus website as a testbed for new diouxs features - [check it out!](https://github.com/dioxusLabs/docsite)
114+
Simply run `dx bundle` and your app will be built and bundled with maximization optimizations. On the web, take advantage of [`.avif` generation, `.wasm` compression, minification](https://dioxuslabs.com/learn/0.6/guides/assets), and more. Build webapps weighing [less than 50kb](https://github.com/ealmloff/tiny-dioxus/) and desktop/mobile apps less than 15mb.
105115

106116
<div align="center">
107-
<img src="./notes/docs.avif">
117+
<img src="./notes/bundle.gif">
108118
</div>
109119

110-
## Emphasis on developer experience
111120

112-
Dioxus prioritizes developer experience, and we've put a ton of effort into end-to-end tooling. We've built a [VSCode extension](https://marketplace.visualstudio.com/items?itemName=DioxusLabs.dioxus) that autoformats your RSX code, converts HTML to RSX, and more. We've also built a very powerful [CLI](https://dioxuslabs.com/learn/0.5/CLI) that supports creating new apps, serving them, and cross-platform bundling, with deployment on the roadmap.
121+
## Fantastic documentation
122+
123+
We've put a ton of effort into building clean, readable, and comprehensive documentation. All html elements and listeners are documented with MDN docs, and our docsite runs continuous integration with Dioxus itself to ensure that the docs are always up to date. Check out the [Dioxus website](https://dioxuslabs.com/learn/0.6/) for guides, references, recipes, and more. Fun fact: we use the Dioxus website as a testbed for new diouxs features - [check it out!](https://github.com/dioxusLabs/docsite)
113124

114125
<div align="center">
115-
<img src="./notes/autofmt.gif">
126+
<img src="./notes/docs.avif">
116127
</div>
117128

118129
## Community
@@ -134,8 +145,6 @@ Dioxus has grown from a side project to a small team of fulltime engineers. Than
134145
<tr>
135146
<td>
136147
<b>Web</b>
137-
<br />
138-
<em>Tier 1 Support</em>
139148
</td>
140149
<td>
141150
<ul>
@@ -146,26 +155,9 @@ Dioxus has grown from a side project to a small team of fulltime engineers. Than
146155
</ul>
147156
</td>
148157
</tr>
149-
<tr>
150-
<td>
151-
<b>Fullstack</b>
152-
<br />
153-
<em>Tier 1 Support</em>
154-
</td>
155-
<td>
156-
<ul>
157-
<li>Suspense, hydration, and server-side rendering</li>
158-
<li>Quickly drop in backend functionality with server functions</li>
159-
<li>Extractors, middleware, and routing integrations</li>
160-
<li>Compatible with desktop and mobile!</li>
161-
</ul>
162-
</td>
163-
</tr>
164158
<tr>
165159
<td>
166160
<b>Desktop</b>
167-
<br />
168-
<em>Tier 1 Support</em>
169161
</td>
170162
<td>
171163
<ul>
@@ -176,45 +168,29 @@ Dioxus has grown from a side project to a small team of fulltime engineers. Than
176168
</ul>
177169
</td>
178170
</tr>
179-
<tr>
180-
<td>
181-
<b>Liveview</b>
182-
<br />
183-
<em>Tier 1 Support</em>
184-
</td>
185-
<td>
186-
<ul>
187-
<li>Render apps - or just a single component - entirely on the server</li>
188-
<li>Integrations with popular Rust frameworks like Axum and Warp</li>
189-
<li>Extremely low-latency and ability to support 10,000+ simultaneous apps</li>
190-
</ul>
191-
</td>
192-
</tr>
193171
<tr>
194172
<td>
195173
<b>Mobile</b>
196-
<br />
197-
<em>Tier 2 Support</em>
198174
</td>
199175
<td>
200176
<ul>
201177
<li>Render using Webview or - experimentally - with WGPU or Skia </li>
202-
<li>Support for iOS and Android </li>
203-
<li>Currently quite experimental, with lots of improvements coming throughout 2024 </li>
178+
<li>Build .ipa and .apk files for iOS and Android </li>
179+
<li>Call directly into Java and Objective-C with minimal overhead</li>
180+
<li>From "hello world" to running on device in seconds</li>
204181
</ul>
205182
</td>
206183
</tr>
207184
<tr>
208185
<td>
209-
<b>Terminal</b>
210-
<br />
211-
<em>Tier 2 Support</em>
186+
<b>Server-side Rendering</b>
212187
</td>
213188
<td>
214189
<ul>
215-
<li>Render apps directly into your terminal, similar to <a href="https://github.com/vadimdemedes/ink"> ink.js</a></li>
216-
<li>Powered by the familiar flexbox and CSS model of the browser</li>
217-
<li>Built-in widgets like text input, buttons, and focus system</li>
190+
<li>Suspense, hydration, and server-side rendering</li>
191+
<li>Quickly drop in backend functionality with server functions</li>
192+
<li>Extractors, middleware, and routing integrations</li>
193+
<li>Static-site generation and incremental regeneration</li>
218194
</ul>
219195
</td>
220196
</tr>
@@ -223,7 +199,7 @@ Dioxus has grown from a side project to a small team of fulltime engineers. Than
223199

224200
## Running the examples
225201

226-
> The examples in the main branch of this repository target the git version of dioxus and the CLI. If you are looking for examples that work with the latest stable release of dioxus, check out the [0.5 branch](https://github.com/DioxusLabs/dioxus/tree/v0.5/examples).
202+
> The examples in the main branch of this repository target the git version of dioxus and the CLI. If you are looking for examples that work with the latest stable release of dioxus, check out the [0.6 branch](https://github.com/DioxusLabs/dioxus/tree/v0.6/examples).
227203
228204
The examples in the top level of this repository can be run with:
229205

@@ -333,7 +309,7 @@ Dioxus and Electron are two entirely different projects with similar goals. Elec
333309

334310
## Contributing
335311

336-
- Check out the website [section on contributing](https://dioxuslabs.com/learn/0.5/contributing).
312+
- Check out the website [section on contributing](https://dioxuslabs.com/learn/0.6/contributing).
337313
- Report issues on our [issue tracker](https://github.com/dioxuslabs/dioxus/issues).
338314
- [Join](https://discord.gg/XgGxMSkvUM) the discord and ask questions!
339315

examples/tailwind/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@ This example shows how an app might be styled with TailwindCSS.
44

55
## Running
66

7-
Our [Tailwind](https://dioxuslabs.com/learn/0.5/cookbook/tailwind) guide explains how to setup and run Dioxus-Tailwind projects.
7+
Our [Tailwind](https://dioxuslabs.com/learn/0.6/cookbook/tailwind) guide explains how to setup and run Dioxus-Tailwind projects.

notes/android_and_ios2.avif

69.4 KB
Binary file not shown.

notes/flat-splash.avif

195 KB
Binary file not shown.

notes/header-dark-updated.svg

Lines changed: 20 additions & 0 deletions
Loading

notes/header-light-updated.svg

Lines changed: 20 additions & 0 deletions
Loading

notes/image-splash.avif

129 KB
Binary file not shown.

notes/splash-header-darkmode.svg

Lines changed: 10 additions & 0 deletions
Loading

notes/splash-header.svg

Lines changed: 10 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)