Dioxus 教程 - 概述

278 阅读1分钟

Dioxus 教程 - 概述

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

完成本教程后,您将能够发布自己的网页、桌面和移动应用程序,并将后端部署到Fly.io

我们将主要关注 Dioxus 的高级概念,而不会深入探讨特定API的细节。我们建议您自行尝试使用API,或阅读 核心概念特定指南 以获取更多信息。

我们将学习什么?

本指南将涵盖Dioxus的“核心”功能,包括:

  • Tooling Setup
  • Creating a new app
  • How Components Work
  • Creating UI with RSX
  • Styling and Assets
  • Adding State
  • Fetching Data
  • Adding a Backend
  • Integrating a Database
  • App Routing
  • Bundling
  • Deployment
  • Next Steps

Dioxus 是一个功能非常强大的框架,因此我们鼓励您在完成本教程后,尝试构建自己的大型应用程序。

我们正在构建什么?

HotDog 的功能相对简单:

  • 浏览一连串可爱的狗狗照片
  • 向右滑动以将狗狗照片保存到收藏夹
  • 向左滑动以放弃保存狗狗照片
  • 后续查看已保存的狗狗照片

完成本教程后,您将拥有自己的 HotDog 应用程序,可进行二次开发并下载到设备中。