Rust+Yew之hello world

1. Yew 是什么？

Yew 是一个设计先进的 Rust 框架，目的是使用 WebAssembly 来创建多线程的前端 web 应用。

基于组件的框架，可以轻松的创建交互式 UI。拥有 React 或 Elm 等框架经验的开发人员在使用 Yew 时会感到得心应手。
高性能，前端开发者可以轻易的将工作分流至后端来减少 DOM API 的调用，从而达到异常出色的性能。
支持与 Javascript 交互，允许开发者使用 NPM 包，并与现有的 Javascript 应用程序结合。

2. wasm-pack 安装

# cargo install wasm-pack

3. 编译运行

这里使用一个官网的例子：https://github.com/yewstack/yew-wasm-pack-minimal.git

# git clone https://github.com/yewstack/yew-wasm-pack-minimal.git# cd yew-wasm-pack-minimal# wasm-pack build --target web
# npm i rollup
# ./node_modules/.bin/rollup  ./main.js --format iife --file ./pkg/bundle.js# python3 -m http.server 8080

打开浏览器，http://<ip>:8080/index.html 即可看到：

参考：
https://yew.rs/docs/zh-CN/intro/
https://yew.rs/docs/zh-CN/getting-started/project-setup/using-wasm-pack/
https://zhuanlan.zhihu.com/p/101118828?utm_source=wechat_session
https://github.com/yewstack/yew-wasm-pack-minimal

Rust+Yew之hello world相关推荐

框架对比_2020 年前端框架性能对比和评测
我们又来做这个对比了.这次是 2020 年的版本,还有之前的版本: 2019 年. 2018 年. 2017 年. 先来明确一点--这篇文章绝对不是为了告诉你该选择哪个前端框架而写的.它只是一个小型而 ...
2020排行榜！Realworld前端框架的比较
全文共1500字,预计学习时长6分钟图源:unsplash 过去的三年我们都探讨了这个话题,那么今年的情况会是怎样呢? 首先声明,此文并不是关于未来前端选择的比较,而是从三个方面(性能,大小,相似应 ...
【Rust 日报】2021-03-12 Yew+Bevy 组合在一起的魔术
还有更牛的反序列化库 rkyv是Rust实现的零拷贝反序列化框架.我们都知道在Rust库中,序列化.反序列化多少都离不开serde_json.rkyv宣称堪比serde_json序列化更快的crate ...
深入浅出聊聊 Rust WebAssembly（一）
什么是 webassembly 在 2019 年 12 月之前,如果你要编写一个web页面,那一定离不开 html.css.js 这三个好兄弟.在 2019 年 12 月之后 W3C 宣布 webas ...
Turbopack 很火? 那么就从前端角度看 Rust
关于 Rust rust 是一门强类型的.编译型的.内存安全的编程语言.最早版本的 Rust 原本是 Mozilla 基金会的一名叫 Graydon Hoare 的员工的私人项目,2009 年开始,M ...
【Rust日报】 2019-04-07
GitHub 上有哪些值得关注的 Rust 项目? #zhihu #github 可以关注下这个知乎问题,下面链接是对区块链框架CITA的介绍. Read More nom 5.0 发布预告 #nom ...
Yew 的意义和初步使用体验
论武功,俗世中不知边个高,或者,绝招同途异路. 这几天在尝试使用 Yew 给 wuta orm 写一个类似于 phpadmin 这样的管理前端,初步体验了一把 Yew 的开发模式.说一下我的感觉. 一 ...
基于Rust的Web开发，actix的基本使用
基于Rust的Web开发,actix的基本使用 rust-web 环境搭建 url路径参数传递 get请求参数传递 post请求表单参数传递 post请求Json参数传递 rust-web Rust语 ...
Rust 和 WebAssembly 的世界
大厂技术坚持周更精选好文 Why Rust 在进行正式的分享之前,先来说一说为什么,要学习 Rust 这一门在广义上归属于后端的语言,以及它能带给我们什么,未来有什么前景. 与JavaScri ...

Rust+Yew之hello world

1. Yew 是什么？

2. wasm-pack 安装

3. 编译运行

Rust+Yew之hello world相关推荐

最新文章

热门文章