Dioxus 开发

处理异步任务 异步任务是任何现代应用程序的核心组成部分。Dioxus 提供了多种处理异步任务的方法。本指南将介绍每种方法的使用方式。若您已明确所需的异步任务类型，可直接跳至对应任务章节： spawn

状态管理 在 Dioxus 中，您的 app 被定义为用于状态的函数。当状态发生变化时，应用程序中依赖于该状态的部分将自动重新运行。其响应式机制会自动跟踪状态的变化, 并更新程序中的并由他派生的状态。

组件生命周期 使用 use_hook 初始化状态 use_hook 允许您为组件创建新状态。传递给 use_hook 的闭包将在组件首次渲染时被调用。每次组件重新渲染时，都会复用初始运行时创建的值。

使用RSX构建用户界面 Dioxus会将内容渲染为HTML格式。若您不熟悉HTML，本指南将帮助您掌握基础知识。更多详细信息可参考MDN文档。 文本节点 任何用引号包围的内容在rsx中都会渲染为文本节

部署 我们终于准备好将我们的打包应用部署到世界上了。恭喜你坚持到了这一步！ 这一步在教程中是可选的，但值得了解以理解整个流程。如果你对部署不感兴趣，可以直接跳到 下一步。 Dioxus Deploy

打包 恭喜！你已经成功构建了第一个功能齐全的Dioxus应用程序，其中包含路由、异步数据获取、服务器函数和数据库！这真是令人惊叹，仅仅花了短短几分钟时间。 现在让我们将你的应用程序打包为多个平台版本，

添加更多路由 到目前为止，我们的应用程序只有一个页面。让我们来改变这一点！ 在本章中，我们将添加一个导航栏、一个欢迎屏幕以及一个“收藏”页面，以便我们可以重新访问我们最喜欢的狗狗。 整理我们的项目 在

与数据库协作 我们的HotDog应用程序进展顺利！我们实现了一个非常简单的后端，将用户的喜爱狗狗图片保存到本地“dogs.txt”文件中。 在实际应用中，您可能更希望将数据存储在正规的数据库中。现代数

添加后端服务 Dioxus 是一个全栈框架，这意味着您可以无缝地同时构建前端和后端。 我们提供了一系列实用工具，如服务器Functions、服务器 Future和服务器State，供您集成到应用程序中

获取数据 我们的 HotDog 应用程序具有一些基本的交互性，但还不能获取新的狗图像。在本章中，我们将使用异步从 API 接口获取数据。 添加依赖关系 Dioxus 没有提供任何用于获取数据的内置实用

互动性 现在，我们的 HotDog 应用程序已经搭好了脚手架并设计好了样式，我们终于可以添加一些交互元素了。 封装状态 在进一步深入之前，我们先将应用程序分成两部分：Title 和 DogView。这

样式和资产 遗憾的是，我们的 HotDog 应用程序还没有做好展示的准备--它完全没有风格！ 在本章中，我们将为应用程序添加资产和样式。 Dioxus 使用 CSS 创建样式 如前所述，Dioxus

构建界面 Dioxus 是一个声明式框架。这意味着，我们无需告诉 Dioxus 要做什么（例如，"创建一个元素 "或 "将颜色设置为红色"），只需使用 RSX 声明我们想要的用户界面。 在这里，我们使

你的第一个组件 现在，我们已经有了一个初始化的 HotDog 应用程序，我们可以开始构建其组件。 什么是组件? 在Dioxus中，应用程序由称为组件的单个函数组成，这些组件函数接受一些属性并渲染成一个

创建你的第一个 app 你可以使用下面的命令来创建一个新的 Dioxus 项目, 并根据需要完成提示的配置. 您需要选择一个模板来开始使用。 Bare-bones：一个非常简单的设置，

Dioxus 教程- 工具集 在开始之前，请确保您已按照《入门指南》中的说明安装了所需的依赖项。 我们将主要以网页应用的形式开发HotDog，但我们仍建议您同时配置桌面和移动端开发的相关工具。 检查清

Dioxus 教程 - 概述 在本教程中，我们将构建一个名为HotDog的小型应用程序——基本上就是Tinder，但专为狗狗设计！这个应用程序将是一个学习构建用户界面、添加状态以及部署应用程序的绝佳方

开局第一步 [Dioxus 文档翻译] 现在就开始选一个你喜欢的 IDE 开始吧.强烈建议尝试一下 Zed 新崛起的新星.我从 beta 就开始使用, 丝滑是我的第一印象

Dioxus 的官方文档翻译. `Dioxus` 是一个使用Rust编程语言构建的跨平台应用框架。只需一份代码，即可构建可在网页、桌面和移动设备上运行的应用。

我开发了一个 rust 的 classnames-rs 库, 它和 前端的 classname 类似, 主要用于优雅的组织 dioxus 代码中的 class.