Dioxus-div.md
· 2.6 KiB · Markdown
Ham
<div align="center">
<table style="width:100%">
<tr>
<td>
<b>Web</b>
<br />
<em>Tier 1 Support</em>
</td>
<td>
<ul>
<li>Render directly to the DOM using WebAssembly</li>
<li>Pre-render with SSR and rehydrate on the client</li>
<li>Simple "hello world" at about 50kb, comparable to React</li>
<li>Built-in dev server and hot reloading for quick iteration</li>
</ul>
</td>
</tr>
<tr>
<td>
<b>Fullstack</b>
<br />
<em>Tier 1 Support</em>
</td>
<td>
<ul>
<li>Suspense, hydration, and server-side rendering</li>
<li>Quickly drop in backend functionality with server functions</li>
<li>Extractors, middleware, and routing integrations</li>
<li>Compatible with desktop and mobile!</li>
</ul>
</td>
</tr>
<tr>
<td>
<b>Desktop</b>
<br />
<em>Tier 1 Support</em>
</td>
<td>
<ul>
<li>Render using Webview or - experimentally - with WGPU or <a href="https://freyaui.dev">Freya</a> (skia) </li>
<li>Zero-config setup. Simply `cargo run` or `dx serve` to build your app </li>
<li>Full support for native system access without IPC </li>
<li>Supports macOS, Linux, and Windows. Portable <3mb binaries </li>
</ul>
</td>
</tr>
<tr>
<td>
<b>Liveview</b>
<br />
<em>Tier 1 Support</em>
</td>
<td>
<ul>
<li>Render apps - or just a single component - entirely on the server</li>
<li>Integrations with popular Rust frameworks like Axum and Warp</li>
<li>Extremely low-latency and ability to support 10,000+ simultaneous apps</li>
</ul>
</td>
</tr>
<tr>
<td>
<b>Mobile</b>
<br />
<em>Tier 2 Support</em>
</td>
<td>
<ul>
<li>Render using Webview or - experimentally - with WGPU or Skia </li>
<li>Support for iOS and Android </li>
<li>Currently quite experimental, with lots of improvements coming throughout 2024 </li>
</ul>
</td>
</tr>
<tr>
<td>
<b>Terminal</b>
<br />
<em>Tier 2 Support</em>
</td>
<td>
<ul>
<li>Render apps directly into your terminal, similar to <a href="https://github.com/vadimdemedes/ink"> ink.js</a></li>
<li>Powered by the familiar flexbox and CSS model of the browser</li>
<li>Built-in widgets like text input, buttons, and focus system</li>
</ul>
</td>
</tr>
</table>
</div>