Let's build with WebAssembly!

on YouTube ↗41m

" summary

WebAssembly compiles C/C++/Rust into a binary module that runs in browsers with 87% browser support and often big speedups — Figma saw ~3x faster loads, a bio tool hit 20x faster. Demo uses emscripten for C/C++, and Rust tooling: wasm-pack + wasm-bindgen, with web-sys/js-sys to call window/document. A Rust example compiles, exports a function, shows alert and appends an H1 to the DOM; a browser video editor runs smoother when JS is disabled. Streaming compilation and direct-to-CPU execution explain the performance.

AI-written summary · about

" chapters (19)

1. 0:00Intro
2. 0:40About Tejas
3. 1:35About WebAssembly
4. 4:50Benefits of WebAssembly
5. 8:40Definition of WebAssembly
6. 21:30How to play with WebAssembly
7. 26:40Installing NPM
8. 26:52Installing dependencies
9. 27:45Cargo Tunnel
10. 29:00Source Code
11. 29:16Rust
12. 30:10Console
13. 30:35Alert
14. 31:36Import WebAssembly
15. 35:57What happened
16. 37:04binary instructions
17. 37:19emoji
18. 37:32WebAssembly vs JavaScript
19. 38:53Whats next

" related talks

• 43mDo things blazingly fast with WebAssemblySendil Kumar N · Voxxed Days Ticino 2018
• 41mCreating High-Performance Web Apps with WebAssemblyKonstantin Möllers · DevDays Europe 2019
• 25mFast future with WebAssemblyMilica Mihajlija · RS Conf 2019
• 53mWebAssembly – To the browser and beyond!Patrick Hamann · performance.now() 2019
• 33mWebpack + WebAssembly the futureSendil Kumar N · Amsterdam JSNation Conference 2018
• 27mFast future with WebAssemblyMilica Mihajlija · VinnytsiaJS 2019
• 47mRewrite the web with Rust and Web AssemblyGeoffroy Couprie · Voxxed Days Luxembourg 2018
• 36mWhy you should consider Web Assembly in your next frontend projectHåkan Silfvernagel · NDC Oslo 2020