Rust and WebAssembly for the masses

@sendilkumarn Hej! Stockholm

@sendilkumarn Every progra!"ing language has trade-offs. Choose one that solves
your problem, not creates one.

Rust and WebAssembly Sendil Kumar N

@sendilkumarn Sendil Kumar

@sendilkumarn

@sendilkumarn Netherlands

@sendilkumarn Senior Software Engineer @uber

@sendilkumarn Passionate about Open Source Senior Software Engineer @uber

@sendilkumarn Passionate about Open Source Senior Software Engineer @uber Team
member @JHipster

@sendilkumarn Passionate about Open Source Senior Software Engineer @uber Team
member @JHipster Hacking on WebAssembly

What is WASM? How WASM helps? DEMO Why Rust? Rust
and WASM DEMO WASM Roadmap Agenda @sendilkumarn

WebAssembly @sendilkumarn

Yet Another Frontend framework?

@sendilkumarn 00 61 73 6D 01 00 00 00 Native
Code WebAssembly Binary JavaScript Javascript Engine

@sendilkumarn func add is called Stack get_local $lhs LHS RHS
get_local $rhs i32.add SUM Structured stack machine

@sendilkumarn 00 61 73 6D 01 00 00 00 Size
& Load time efficient

@sendilkumarn Native Speed 00 61 73 6D 01 00 00
00

@sendilkumarn madewithwebassembly.com

Why not JavaScript? @sendilkumarn

JavaScript is awesome @sendilkumarn

JavaScript is easy @sendilkumarn

JavaScript is weird* * - sometimes @sendilkumarn

[] + {} @sendilkumarn

[] + {} “[object Object]” @sendilkumarn

{} + [] @sendilkumarn

0 {} + [] @sendilkumarn

[] + {} === {} + [] @sendilkumarn

[] + {} === {} + [] True @sendilkumarn

@sendilkumarn JavaScript Tuning

@sendilkumarn Types

@sendilkumarn Polymorphism

@sendilkumarn Unpredictable Performance

@sendilkumarn Runtime exceptions

@sendilkumarn A B

@sendilkumarn A B [empty x 5] []

@sendilkumarn A B [1, empty x 4] [1, 2, empty
x 3] [1, 2, 3, empty x 2] [1, 2, 3, 4, empty x 1] [1, 2, 3, 4, 5] [1] [1, 2] [1, 2, 3] [1, 2, 3, 4] [1, 2, 3, 4, 5]

@sendilkumarn A B Holey Array Packed Array

@sendilkumarn How WebAssembly address the problems?

@sendilkumarn Speed

@sendilkumarn Near Native perf.

@sendilkumarn ˜30% faster than JS

@sendilkumarn Boundary Crossing

@sendilkumarn Not always faster

@sendilkumarn WebAssembly is secure

@sendilkumarn Linear Memory Model

@sendilkumarn Shared Array Buffer

@sendilkumarn How it works… Why it is faster?

@sendilkumarn JavaScript Execution

@sendilkumarn Load JavaScript

@sendilkumarn a.js AST 1001010010101101010 Execute Profiler Parse Interpret Compile 100101001010
Optimise 1010 GC

@sendilkumarn WebAssembly Execution

@sendilkumarn Load WebAssembly

@sendilkumarn Decode Compile Execute 00 61 73 6D 00 61
73 6D 00 61 73 6D

@sendilkumarn PARSE COMPILE OPTIMISE EXECUTE GC JavaScript execution DECODE COMPILE
EXECUTE WebAssembly execution

EXECUTE WebAssembly execution I am faster

EXECUTE WebAssembly execution Optimised already

@sendilkumarn Streaming compilation

@sendilkumarn Typed

@sendilkumarn (module )

@sendilkumarn (module (func $add (param $lhs i32) (param $rhs i32)
(result i32) (get_local $lhs) (get_local $rhs) (i32.add) ) )

@sendilkumarn (module (func $add (param $lhs i32) (param $rhs i32)
(result i32) (get_local $lhs) (get_local $rhs) (i32.add) ) (export “add” (func $add)) )

@sendilkumarn i32 i64 f32 f64 00 61 73 6D 01
00 00 00 WebAssembly Binary JavaScript Javascript Engine

Demo bit.ly/wasm2020-001 @sendilkumarn

Why Rust? @sendilkumarn

@sendilkumarn Blazingly fast @sendilkumarn

@sendilkumarn Memory Safety

@sendilkumarn Productivity

@sendilkumarn Friendly compiler

@sendilkumarn Better tooling support

@sendilkumarn Awesome co!"unity

@sendilkumarn Modern language

@sendilkumarn Crates

@sendilkumarn wasm_bindgen https://github.com/rustwasm/wasm-bindgen

@sendilkumarn i32 i64 f32 f64 00 61 73 6D 01
00 00 00 WebAssembly Binary JavaScript Javascript Engine

@sendilkumarn 00 61 73 6D 01 00 00 00 WebAssembly
Binary JavaScript Javascript Engine Binding JS file JS API WEB API JS SYS WEB SYS

@sendilkumarn wasm_pack https://github.com/rustwasm/wasm-pack

@sendilkumarn PACK PUBLISH TEST BUILD

@sendilkumarn wasm_snip https://github.com/rustwasm/wasm-snip

@sendilkumarn twiggy https://github.com/rustwasm/twiggy

@sendilkumarn Rust demo First demo wasm-game-of-life

@sendilkumarn Future

@sendilkumarn Threads

@sendilkumarn ⚠ Exception Handling

@sendilkumarn ♻ Garbage Collection

@sendilkumarn WebAssembly provides a platform to plug and play best
parts from different languages and use them together.

@sendilkumarn Questions…

@sendilkumarn Thanks… @sendilkumarn dev.to/sendilkumarn sendilkumarn.com/blog

Rust and WebAssembly for the masses

Rust and WebAssembly for the masses

Transcript

More Decks by Sendil Kumar N

Other Decks in Technology

Featured