Craig's Angular/Rust Spectacular

on YouTube ↗23m

" summary

An Angular canvas lattice Boltzmann simulation is rewritten in Rust, compiled with cargo and wasm-pack and exposed via wasm-bindgen, replacing a 32 ms TypeScript step with roughly 600 microseconds per step in native Rust and sub‑16 ms frames in the browser via Rust + WASM, hitting 60 fps. Code uses typed arrays to avoid copies, a terminal renderer for benchmarks and a canvas bridge for the Angular app; result is concretely faster in practice for Radiator Springs style aerodynamic updates.

AI-written summary · about

" chapters (6)

1. 0:00Angular and Rust intro
2. 5:40Moving sim to Rust
3. 13:02Rust memory management
4. 17:38Rust vs TypeScript rendering
5. 20:07WebAssembly for performance
6. 22:32Summary

" related talks

• 36mCraig's Amazing Rust SpectacularCraig Spence · jsday 2024
• 37mCraig's Amazing Rust SpectacularCraig Spence · NDC Sydney 2024
• 30mImproving web app with Rust and WASMIlya Baryshnikov · RustCon Asia 2019
• 30mRust in the Browser for Javascripters:New Frontiers,New PossibilitiesSean Grove · ReactiveConf 2019
• 22mExtending JavaScript with RustDan Callahan · RuhrJS 2018
• 30mRust and the Web Platform: A Rookie’s GuideSarah Saltrick Meyer · RustConf 2018
• 44mOut of the JavaScript Box: Front-End Rust ProgrammingPedro Castilho · The Conf 2018
• 47mRewrite the web with Rust and Web AssemblyGeoffroy Couprie · Voxxed Days Luxembourg 2018