Skip to main content

What is Yew?

Yew is a modern Rust framework for creating multi-threaded front-end web apps using WebAssembly.

  • It features a component-based framework which makes it easy to create interactive UIs. Developers who have experience with frameworks like React and Elm should feel quite at home when using Yew.
  • It achieves great performance by minimizing DOM API calls and by helping developers to easily offload processing to background threads using web workers.
  • It supports JavaScript interoperability, allowing developers to leverage NPM packages and integrate with existing JavaScript applications.

Join Us 😊

Ready to dive in?

Click the link below to learn how to build your first Yew app and learn from community-built example projects

Getting started

Still not convinced?

This project is built on cutting edge technology and is great for developers who like to develop the foundational projects of tomorrow. We think that the speed and reliability of the technologies on which Yew is built are set to become the standard for fast and resilient web applications of the future.

Wait, why WebAssembly?

WebAssembly (Wasm) is a portable low-level language that Rust can compile to. It runs at native speeds in the browser and is interoperable with JavaScript and supported in all major modern browsers. For ideas on how to get the most out of WebAssembly for your app, check out this list of use cases.

It should be noted that using Wasm is not (yet) a silver bullet for improving the performance of web apps. As of the present, using DOM APIs from WebAssembly is still slower than calling them directly from JavaScript. This is a temporary issue which the WebAssembly Interface Types proposal aims to resolve. If you would like to learn more, check out this excellent article (from Mozilla) which describes the proposal.

Ok, but why Rust?

Rust is blazing fast and reliable with its rich type system and ownership model. It has a tough learning curve but is well worth the effort. Rust has been voted the most loved programming language in Stack Overflow's Developer Survey six years in a row: 2016, 2017, 2018, 2019, 2020 and 2021.

Rust also helps developers write safer code with its rich type system and ownership model. Say goodbye to hard to track down race condition bugs in JavaScript! In fact, with Rust, most of your bugs will be caught by the compiler before your app even runs. And don't worry, when your app does run into an error, you can still get full stack-traces for your Rust code in the browser console.

Alternatives?

We love to share ideas with other projects and believe we can all help each other reach the full potential of this exciting new technology. If you're not into Yew, you might like the following projects:

  • Percy - "A modular toolkit for building isomorphic web apps with Rust + WebAssembly"
  • Seed - "A Rust framework for creating web apps"
  • Perseus - "A high-level web development framework for Rust with full support for server-side rendering and static generation"
  • Sycamore - "A reactive library for creating web apps in Rust and WebAssembly"