WebAssembly
Articles about WebAssembly and Rust
Image input web Rust Yew app: Learn now
In this tutorial, we will build an image input web app with pure Rust and WebAssembly. We are going to use frontend framework Yew. With our Yew UI, a user will be able to select an image and submit it to the frontend app. Our frontend code will then produce an inverted color image and ASCII art based on the image. Just to demonstrate how to process the image data and do things with it. We will use the Rust front-end framework called Yew to help us create the user interface. For the image manipulation, we will be using the…
Tim 
Ethereum transactions viewer app: Rust how to
In this tutorial, we will build an Ethereum transactions viewer app with Rust. This will be a full-stack Rust application. A benefit of this is that we can share the data model between frontend and backend. For the backend API we will use warp and for the frontend we will use the Rust framework Yew. Our application will make use of the Etherscan API to get data about transactions for a specified wallet address. This data will then be displayed in our Rust/Webassembly frontend. For this tutorial, we will keep the data we use and the frontend relatively simple. There…
CSS and JavaScript WASM Rust: Yew how to P2
In this tutorial, we will learn how to use Cascading Style Sheets (CSS) and JavaScript in a WebAssembly (WASM) Rust front-end using the Yew framework. This is part 2 in a series of tutorials about the basics of the Yew framework. We will look at how to reference CSS and dynamically use CSS classes with Yew, and how to interact with a JavaScript library. For the JavaScript library interaction example, we will use chart.js, which is a library for visualizing data using charts. Part 1 of this tutorial series on Yew can be found here: WebAssembly Rust front-end with Yew:…
WebAssembly Rust front-end with Yew: how to P1
In this tutorial, we will learn some basics on how to build a web front-end using pure Rust compiled to WebAssembly with the help of the Yew framework. This is part 1 of a multi-part series exploring various concepts within the Yew framework. In this first part, we will look at how to generate HTML with Yew, what components are, some event handling, and manipulating HTML elements. After we have finished the project explained in this tutorial we will have experience with: Creating components Handling events Manipulating element values The complete code for this tutorial can be found on my…