Tutorial Introduction In this hands-on tutorial, we will take a look at how we can use Yew to build web applications. Yew is a modern Rust framework for building front-end web apps using WebAssembly. Yew encourages a reusable, maintainable, and well-structured architecture by leveraging Rust's powerful type system. A large ecosystem of community-created libraries, known in Rust as crates ...
You will need a couple of tools to compile, build, package, and debug your Yew application.
yew-hooks - Custom Hooks library for Yew, inspired by streamich/react-use and alibaba/hooks. yew-side-effect - Reconcile Side Effects in Yew Applications, inspired by react-side-effect and react-helmet. Bounce - The uncomplicated state management library for Yew, inspired by Redux and Recoil. Utils Yewdux - Redux-like state containers for Yew apps.
Build a sample app Once you have the environment ready, you can either choose to use a starter template that contains the boilerplate needed for a basic Yew app or manually set up a small project. Using a starter template Install cargo-generate by following their installation instructions then take the following steps: Checkout and customize project
Examples The Yew repository contains many examples (in various states of maintenance). We recommend perusing them to get a feel for how to use different features of the framework. We also welcome Pull Requests and issues for when they inevitably get neglected and need some ♥️ For more details including a list of examples, refer to the README.
JetBrains IDEs Contribution Welcome! VS Code The Rust-Yew extension This is a work in progress, and community maintained project! Please see details and direct related bug reports / issues / questions over to the extension's repository The Rust-Yew extension is available on VSC Marketplace, providing syntax highlighting, renames, hover, and more.