Awesome Yew

A curated list of awesome things related to Yew.

Yew is a Rust / Wasm framework for building client web apps.

Table of contents

• Official
• Projects
• Templates
• Crates
• Toolings
• Articles
• Books
• Alternatives

Official

• Yew - Rust / Wasm framework for building client web apps.
• Yew router - A routing library for the Yew frontend framework.
• Yewtil - Utilities for Yew.
• Live demo - A todomvc demo.
• Examples - Smaller examples included in official repo.
• API Docs - Docs on docs.rs.
• Website - Official website.
• Gitter chatroom - It is pretty active and is a great place to ask questions.

Projects

• Realworld example - Exemplary real world app built with Rust + Yew + WebAssembly.
• webapp.rs - A web application completely written in Rust, frontend is built with Yew.
• Bucket Questions - A webapp written entirely in Rust for a dumb party game.
• web-view todomvc desktop app - Demo how to use yew for a todomvc that compiles to wasm and is bundled as a lightweight(~2mb) desktop app by web-view, as an alternative to Electron, web-view also has a demo.
• yew-react-example - This project shows how to create a web app using a React component inside a Yew component.
• yew-mdc - Material Design Components for the Yew framework.
• Kirk - Just A Rust Wasm Blog

Templates

• Create Yew App - Set up a modern Yew web app by running one command, npx create-yew-app my-app.
• yew-wasm-pack-template - A template for starting a Yew project to be used with wasm-pack.
• yew-wasm-pack-minimal - A minimal template for starting a Yew project using wasm-bindgen and wasm-pack.
• yew-parcel-template - Awesome Yew with Yew-Router and Parcel application.
• Rust-Full-Stack - Start your Rust full stack app with few commands.

Crates

• wasm-bindgen - Facilitating high-level interactions between Wasm modules and JavaScript.
• stdweb - Provides Rust bindings to the Web APIs and to allow a high degree of interoperability between Rust and JavaScript.

Toolings

• wasm-pack - Your favorite rust -> wasm workflow tool.
• cargo-web - A Cargo subcommand for the client-side Web.
• wabt - The WebAssembly Binary Toolkit, for the wasm-strip and wasm-objdump tools to reduce .wasm file size.
• binaryen - Compiler infrastructure and toolchain library for WebAssembly, for the wasm-opt tool to reduce .wasm file size.

Articles

• Let's Build a Rust Frontend with Yew
• How to use Rust Yew
• How to use a modal in Rust
• How to use routers in Rust Frontend
• How to modulize your Rust Frontend
• How to use NPM packages with Rust Frontend
• How to use markdown with Rust Frontend
• Fullstack Rust with Yew
• How to write Full Stack Rust code
• How to render a YouTube vlog with Rust Yew fetch API
• How to render blog posts with Rust Yew mounted API
• A Web Application completely in Rust
• Yew - Rust & WebAsse-frontend framework

Books

• The WebAssembly Book - Working with the web and producing .wasm files.
• The wasm-bindgen Guide - How to bind Rust and JavaScript APIs.
• The wasm-pack Guide - How to build and work with rust-generated WebAssembly.

Alternatives

Yew team love to share ideas with other projects and believe we can all help each other reach the full potential of this exciting new technology.

• Draco - A Rust library for building client side web applications with Web Assembly.
• Percy - A modular toolkit for building isomorphic web apps with Rust + WebAssembly.
• Seed - A Rust framework for creating web apps.
• Smithy - A framework for building WebAssembly apps in Rust.

Contribute

Contributions welcome! Read the contribution guidelines first.

License

To the extent possible under law, Jet Li has waived all copyright and related or neighboring rights to this work.