【Rust日报】2022-11-26 yew发布0.20

yew发布0.20 Yew团队很高兴地宣布一个迟来的新版本Yew：V0.20。Yew是一个用于创建可靠和高效的Web应用程序的框架。 这个版本带有旨在改善用户体验的新功能。 文章链接，https://yew.rs/blog/2022/11/24/release-0-20 Github 链接，https://github.com/yewstack/yew crypto-helper

yew框架中组件属性构造器的实现方法

yew是rust生态中一个优秀的前端mvvm框架。由于rust的强类型特点，在javascript中看似很容易的功能，放到rust语言上来实现就不是那么容易了。 比如，在yew中有个组件Person的属性是PersonProp，代码如下： #[derive(PartialEq, Properties)] struct PersonProp { pub id 如果不是想自己造轮子，是不会想到这些问题的，想了几天也没想到好方法，不得不翻看yew的源码，看它是怎么弄的。 最后把yew过程宏生成的代码打印出来看，印证了我的猜测。 yew中的实现还有些细节处理，所以生成的状态机不太一样，但是思路一样。

尝试用 Rust + Yew 写高性能前端页面

WASM 的框架 / 库的选择已经比较丰富了，如：C# + Blazor、Go + Vugu、Rust + Yew 等等。 img 上手 一些说明 Rust 本身就能实现编译到 WASM，使用 Yew 框架的原因就如其官网宣传：只是为了方便前端组件整合，以及对 JavaScript 互通性的考量。 =1 https://github.com/SASUKE40/yew-starter.git <project_name> 目录结构 . ├── Cargo.lock ├── Cargo.toml ├ /Cargo.toml'; run_app(); Yew 组件编写体验 Yew 框架使用 html! img 通宵写文，求 求关注，不胜感激 ⬇️ https://github.com/SASUKE40/yew-startergithub.com

【Rust日报】2021-10-04 RillRate 大型 Yew 应用揭晓

大型 Yew 应用揭晓: 所有的 RillRate 资源均可使用 RillRate是一个将实时网络仪表盘嵌入到你的应用程序中的库。 RillRate 周一发布了前端的所有资源(由Yew制作)! 你可以在这里看到Yew应用程序的资源:https://github.com/rillrate/rillrate/tree/trunk/pkg-dashboard 它包括2个crate: rate-ui

yew SSR 服务器端渲染，和 tide、actix-web、warp 一起

感兴趣的请参阅文章： Rust web 前端库/框架评测，以及和 js 前端库/框架的比较 Rust 和 Wasm 的融合，使用 yew 构建 WebAssembly 博客应用的体验报告 默认情况下，Yew ）不这样认为，因此也是用 yew 开发了一个实验性的博客应用。 ("{}", rendered); } 笔者的 yew 项目源码在 surfer/frontend-yew，你可以下载后运行。 yew + tide + surf 组合的 yew ssr 示例 代码很简单并清晰，仅作几点说明： 使用 State 来异步读取后端数据。 本工程完整代码在 github/yew-ssr-tide。

Rust 和 Wasm 的融合，使用 yew 构建 WebAssembly 标准的 web 前端（2）- 组件和路由

因此，文章中可能会对某些 yew 基础知识和需要注意的地方进行详细说明。但整体而言，对于 yew 的基础知识，笔者不做过多介绍。 Yew 的基础资料很详实，其中文文档的国内在线阅读，请访问 https://yew.budshome.com。 需要说明的是，Yew 的基础知识方面，官方提供了很充实的资料，笔者不进行照抄和搬运。 到访各自列表的路由，我们通过 yew-router 实现。当然，组件的开发，使用 yew。 yew 路由定义，以及应用入口组件 yew 的路由，通过 yew-router 库实现。 yew 示例项目：sansx/yew-graphql-demo。此项目是 sansx 老师开发的 yew 示例。本系列文章中，笔者将对其深入参考 ;-) 谢谢您的阅读，欢迎交流。

【Rust每周一库】Yew - Rust语言实现的WebAssembly多线程前端框架

本期的每周一库带来的是一个Rust下的WebAssembly多线程前端框架Yew 相关链接 Yew Github仓库 Yew中文文档 Yew是一个设计先进的Rust前端框架，目的是使用WebAssembly Yew的主要特性包括 基于组件的框架 高性能 支持与Javascript交互 下面我们结合Yew官方文档来创建一个简单的Web App并在本地预览。 Yew文档中介绍了三种Wasm构建工具 wasm-pack wasm-bindgen cargo-web 这里我们选择相对简单并且兼容性更好的cargo-web构建工具。 App章节来进行实验 首先创建一个rust工程 cargo new --bin hello-yew 然后在Cargo.toml文件中添加Yew依赖 [dependencies] yew = { version Yew文档内容十分详细，文档中紧接着就解释了Cargo.toml文件中通过不同的方式来构建应用的讲解

Rust 和 Wasm 的融合，使用 yew 构建 WebAssembly 标准的 web 前端 - 起步及 crate 选择

yew 是久经考验的 WebAssembly 库，贡献者众多，社区活跃。除了 API 文档，还拥有非常详尽的教程文档。 本次实践，因为未来版本的技术取舍和路线图方面，笔者选择 yew 框架。 --vcs none 同时，需要在根目录的 Cargo.toml（不是 frontend-yew 目录中的 Cargo.toml）文件中，将 frontend-yew 项目添加到 workspace /frontend-yew" ] yew 开发环境配置 工具类 crate yew 项目构建工具方面，目前成熟可用的主要有 rustwasm 官方开发和维护的 wasm-pack 以及 Anthony cargo add yew wasm-bindgen 此时，frontend-yew 项目中的 Cargo.toml 文件内容如下： [package] name = "frontend-yew" version 至此，yew 的开发环境已经搭建成功。 yew 示例项目：sansx/yew-graphql-demo。此项目是 sansx 老师开发的 yew 示例。

【Rust日报】 2019-09-28 Yew v0.9发布

Yew v0.9发布 Yew是一个Rust框架，用于使用WebAssembly创建多线程前端应用程序。

Rust 和 Wasm 的融合，使用 yew 构建 web 前端（5）- 构建 HTTP 请求、与外部服务器通信的两种方法

但在 yew 中，还有更易用的封装 FetchService，FetchService 封装了 web-sys 和 stdweb 两个库。 如果你的 yew 项目中，除了 web-sys 之外，也希望使用 stdweb，那么 FetchService 则更为适合。 分发请求 构建 yew 的window 对象后，通过 window 对象的 Fetch API，对请求进行分发。 如 yew 中的 fetch 源码片段。 //! Service to send HTTP-request to a server. cfg_if::cfg_if! yew 中，在将请求发送到服务器之前，基于 http 库重建了 Request 结构体，其请求体须实现 Into<Text> 或者 Into<Binary>。

Rust 和 Wasm 的融合，使用 yew 构建 WebAssembly 博客应用的体验报告

因此，本文从一个简单但前端完整的博客，对 Rust 生态中赞数最多的 wasm 框架 yew 进行稍完整的体验。 Rust 生态中，较完整的 wasm 框架主要有 yew、seed，以及 percy。 笔者进行简单的使用后，选择了 yew： 关于 Rust wasm 框架的选择以及入门教程，请参阅文章《Rust 和 Wasm 的融合，使用 yew 构建 WebAssembly 标准的 web 前端（1 ）- 起步及 crate 选择》 关于 Rust wasm，具体来说 yew 获取 GraphQL 数据并解析的示例，请参阅《使用 yew 构建 web 前端（4）- 获取 GraphQL 数据并解析》 笔者开始使用 yew v0.18，后来改为 yew master，简单测试，性能是有所提升的。相信 yew v0.19 发布后，性能会有很大提升。 部署 部署需要从 3 个方面来说： 打包。 比如有些 yew/wasm 的样式库，要么巨丑，要么完成度接近于 1（如果按 1-10 划分完成度）。

Rust web 前端库/框架评测，以及和 js 前端库/框架的比较

yew 框架来说，虽然功能已经较齐全，但还是很不成熟的。 笔者在文章《Rust 和 Wasm 的融合，使用 yew 构建 web 前端（3）- 资源文件及小重构》中曾提及：yew 生产环境的应用。笔者仅是 yew 的初学者，理解不很恰当。 根据对官方 API 文档的理解，个人认为当前版本（yew 0.18）用于生产环境，是一个不小的挑战（包括开发和维护）。 但从项目源码、issues 讨论，以及路线规划来看，个人认为下个版本（yew 0.19），差强人意。等待发布后，yew 0.19 用于个人或者团队的生产环境，是可以接受的。 但从 yew 的性能评测结果，以及和 reactjs、angularjs 的比较来看，是完全可以接受的。

【Rust日报】2022-2-18 PostgreSQL 与 Rust 聚合

https://hoverbear.org/blog/postgresql-aggregates-with-rust/ 让我们用 Rust 和 Yew 0.19 构建一个 WebSockets 项目 作者介绍如何使用 Yew、yew-router、yew-agent 和其他几个项目构建一个聊天应用程序 https://blog.devgenius.io/lets-build-a-websockets-project-with-rust-and-yew

Rust 和 Wasm 的融合，使用 yew 构建 web 前端（3）- 资源文件及小重构

yew 生产环境的应用。笔者仅是 yew 的初学者，理解不很恰当。根据对官方 API 文档的理解，个人认为当前版本（yew 0.18）用于生产环境，是一个不小的挑战（包括开发和维护）。 但从项目源码、issues 讨论，以及路线规划来看，个人认为下个版本（yew 0.19）差强人意，待发布后，yew 0.19 用于生产环境是可以接受的。笔者也有此计划。 ssr 或者 seo 方面，yew 官方有计划，但未有实质进度。 同时引申一下：yew 的新版本，增加了 yew-functional 函数组件包，目前还未发布为独立的 crate。 示例项目：sansx/yew-graphql-demo。

Rust 和 Wasm 的融合，使用 yew 构建 web 前端（4）- 获取 GraphQL 数据并解析

在 Rust 生态，使用 yew 开发 WebAssembly 应用方面，我们已经介绍了《起步及 crate 选择》、《组件和路由》，以及《资源文件及重构》。 wasm 需要绑定 web API，以发起请求调用和接受响应数据，需要使用 web-sys，但其可以通过 yew 库路径引入，无需加入到依赖项。 响应（response）数据的接收和解析 响应（response）数据的接收 响应（response）数据的接受部分代码，来自 sansx（yew 中文文档翻译者） 的 yew 示例项目 sansx/yew-graphql-demo 但是，组件的状态和数据请求的关联——如前几篇文章所述——是通过 yew 中的 Message 关联的。 结语 yew 开发 WebAssembly 前端的系列文章，本文即告以第一阶段。

【Rust日报】2022-01-18 Paudle: 使用Yew编写的类似Wordle的猜字谜游戏

Paudle: 使用Yew编写的类似Wordle的猜字谜游戏 Paudle: A Wordle-like in Rust using Yew Paudle是对Josh Wardle的优秀文字游戏Wordle 这个版本是用Yew和Rust制作的。作者仿照了Wordle的颜色和布局（当然还有游戏逻辑），但实现都是原创的。

再谈组件化开发：我们真的在重蹈覆辙吗？

今天，React、Vue、Yew 等现代前端框架看似带来了“组件化”的先进理念，然而它们也在某种程度上重新融合了视图、状态和业务逻辑。我们真的解决了历史遗留的问题，还是在用新瓶装旧酒？ TLS/HTTP2搭配 Diesel ORM 可高效管理 PostgreSQL静态编译 + Docker 部署提高了可移植性与构建效率而在前端，Rust 正通过 WebAssembly（Wasm）与 Yew 一篇 Rust 全栈实战文章中，作者使用 actix-web + Yew 构建了完整 Web 应用，评估其减少样板代码与提升工程效率的可能性：使用 html! Rust 写前端：“酷”与“稳”的距离Yew 是当前 Rust 前端最具代表性的框架：灵感来自 Elm 与 React支持组件化、Agent 状态共享使用 html! 围绕 React、Yew 等框架的“代码融合”结构，开发者之间始终存在争议。

【Rust日报】2022-11-21 第三方crate评估指导

collections/rust-database/ InFur: 跨平台的图片分割工具 InFur 是一个跨平台图像分割工具 github地址: https://github.com/ahirner/infur Yew VSCode 插件预发布 Yew server的 VSCode插件目前已经预发布了 注意：需要在VScode 安装预发布版本。 Yew server github地址: https://github.com/TechTheAwesome/code-yew-server VSCode Rust-Yew 插件地址: https:// itemName=TechTheAwesome.rust-yew Bevy: 0.8迁移0.9指导 这是一个油管视频， 非常详细的讲解如何将 Bevy 0.8升级到 0.9.

【Rust日报】2022-10-10 Rust 不同的测试方式

原文链接: https://blog.frankel.ch/different-test-scopes-rust/ yew + actix 的项目模板 这是一个模板项目, 主要使用 actix做后端, yew做前端. 特性包含: OAuth actix-web hello world yew-ui hello world 类型安全的 api 例子 Docker化 github 地址: https://github.com /security-union/yew-actix-template Rust Keras Like: 纯 Rust 实现的机器学习库 rkl (Rust Keras Like) 是一个纯 Rust 实现的

震惊-rust也能把前端写出花？

在实现sealer cloud前端时，我们果断的选择了rust+wasm+yew框架，着实秀了一把。 | 从yew框架开始 yew 就是一个rust的前端框架。通过一系列工具链把rust代码编译成wasm运行在浏览器中。 | 创建一个app cargo new yew-app 在Cargo.toml中配置如下信息： [package] name = "yew-app" version = "0.1.0" edition = "2018" [dependencies] # you can check the latest version here: https://crates.io/crates/yew yew = button>

{ self.value }