Dioxus-div.mdx
· 2.6 KiB · Text
Orginalformat
<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>
| 1 | <div align="center"> |
| 2 | <table style="width:100%"> |
| 3 | <tr> |
| 4 | <td> |
| 5 | <b>Web</b> |
| 6 | <br /> |
| 7 | <em>Tier 1 Support</em> |
| 8 | </td> |
| 9 | <td> |
| 10 | <ul> |
| 11 | <li>Render directly to the DOM using WebAssembly</li> |
| 12 | <li>Pre-render with SSR and rehydrate on the client</li> |
| 13 | <li>Simple "hello world" at about 50kb, comparable to React</li> |
| 14 | <li>Built-in dev server and hot reloading for quick iteration</li> |
| 15 | </ul> |
| 16 | </td> |
| 17 | </tr> |
| 18 | <tr> |
| 19 | <td> |
| 20 | <b>Fullstack</b> |
| 21 | <br /> |
| 22 | <em>Tier 1 Support</em> |
| 23 | </td> |
| 24 | <td> |
| 25 | <ul> |
| 26 | <li>Suspense, hydration, and server-side rendering</li> |
| 27 | <li>Quickly drop in backend functionality with server functions</li> |
| 28 | <li>Extractors, middleware, and routing integrations</li> |
| 29 | <li>Compatible with desktop and mobile!</li> |
| 30 | </ul> |
| 31 | </td> |
| 32 | </tr> |
| 33 | <tr> |
| 34 | <td> |
| 35 | <b>Desktop</b> |
| 36 | <br /> |
| 37 | <em>Tier 1 Support</em> |
| 38 | </td> |
| 39 | <td> |
| 40 | <ul> |
| 41 | <li>Render using Webview or - experimentally - with WGPU or <a href="https://freyaui.dev">Freya</a> (skia) </li> |
| 42 | <li>Zero-config setup. Simply `cargo run` or `dx serve` to build your app </li> |
| 43 | <li>Full support for native system access without IPC </li> |
| 44 | <li>Supports macOS, Linux, and Windows. Portable <3mb binaries </li> |
| 45 | </ul> |
| 46 | </td> |
| 47 | </tr> |
| 48 | <tr> |
| 49 | <td> |
| 50 | <b>Liveview</b> |
| 51 | <br /> |
| 52 | <em>Tier 1 Support</em> |
| 53 | </td> |
| 54 | <td> |
| 55 | <ul> |
| 56 | <li>Render apps - or just a single component - entirely on the server</li> |
| 57 | <li>Integrations with popular Rust frameworks like Axum and Warp</li> |
| 58 | <li>Extremely low-latency and ability to support 10,000+ simultaneous apps</li> |
| 59 | </ul> |
| 60 | </td> |
| 61 | </tr> |
| 62 | <tr> |
| 63 | <td> |
| 64 | <b>Mobile</b> |
| 65 | <br /> |
| 66 | <em>Tier 2 Support</em> |
| 67 | </td> |
| 68 | <td> |
| 69 | <ul> |
| 70 | <li>Render using Webview or - experimentally - with WGPU or Skia </li> |
| 71 | <li>Support for iOS and Android </li> |
| 72 | <li>Currently quite experimental, with lots of improvements coming throughout 2024 </li> |
| 73 | </ul> |
| 74 | </td> |
| 75 | </tr> |
| 76 | <tr> |
| 77 | <td> |
| 78 | <b>Terminal</b> |
| 79 | <br /> |
| 80 | <em>Tier 2 Support</em> |
| 81 | </td> |
| 82 | <td> |
| 83 | <ul> |
| 84 | <li>Render apps directly into your terminal, similar to <a href="https://github.com/vadimdemedes/ink"> ink.js</a></li> |
| 85 | <li>Powered by the familiar flexbox and CSS model of the browser</li> |
| 86 | <li>Built-in widgets like text input, buttons, and focus system</li> |
| 87 | </ul> |
| 88 | </td> |
| 89 | </tr> |
| 90 | </table> |
| 91 | </div> |