WebAssembly for Front End Devs

on YouTube ↗32m

" summary

Demo replaces a slow JS 2x-hash with a Rust-compiled WASM module using wasm-pack and a webpack wasm plugin, cutting a >2s operation to ~200ms. Moving that module into a WebWorker avoids UI freezes for large runs (1M iterations) and enables threads: image processing on a ~5000×2000 photo drops from ~34ms (non-threaded JS) to ~5ms (threaded WASM). Mentions AssemblyScript for TypeScript users and WebAssembly Studio for quick prototypes.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 3:44The Mozilla Layoffs
3. 6:47Web Assembly Usage
4. 13:31Webassembly Studio
5. 13:52Wasm Languages List
6. 18:02Create Directory
7. 28:07Assembly Script

" related talks

• 18mInto WebAssemblyVlad Filippov · dotJS 2019
• 40mWebAssembly for Web DevelopersSurma Surma, Deepti Gandluri · Google I/O 2019
• 27mWebAssembly for Performant InteractivityMani Nilchiani · EmpireJS 2018
• 53mWebAssembly – To the browser and beyond!Patrick Hamann · performance.now() 2019
• 16mWhy WebAssemblyMiguel Useche · JSConf Mexico 2020 Virtual Edition
• 17mA case for Web AssemblyElvina Valieva · BDX I/O 2018
• 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