Think of it as an ES Module

app.wasm

WebAssembly data types

• i32: 32-bit integer
• i64: 64-bit integer
• f32: 32-bit floating point
• f64: 64-bit floating point

What about... everything else?

app.wasm

import fn1, fn2 ...

export data1, data2

JS

const someData = {};

const someOtherData = {};

Array (ish) (Linear Memory)

Transporting a String

'Hello World!'

Linear Memory

Don't leave, things will get better

So... what about Rust?

Tooling

Pros:

• no extra tooling, just the Rust compiler
• wasm-bindgen: a more high level approach of JS ⇔ wasm interaction
• easy setup
• https://github.com/rustwasm
• more "smarter" js glue code

Cons:

• bleeding edge-ish, still under active development

Rust's Ecosystem

rustup -> Similar to npm's NVM, it is a way to simply switch between Rust versions

cargo -> Similar to npm, cargo is the official package manager for Rust

rustc -> Rust's compiler

Rust + Wasm Ecosystem

• cargo-generate
• wasm-bindgen
• wasm-pack

• create-wasm-app
• npm
• webpack4