WebAssembly For Web Developers
IO RECAP
-
Misunderstanding
-
Practice on squoosh
-
Why Fast than JS
-
How can useful to us
-
Upcoming feature
MISUNDERSTANDING
WHY
🤔🤔🤔🤔🤔
JAVASCRIPT
V8 JIT
TS, JSX...
asm.js
Microsoft Chess
asm.js
WASM
WHAT
😳😳😳😳😳
HIGH LEVEL GOALS
-
Define a portable, size- and load-time-efficient binary format
-
Specify and implement incrementally
-
Integrate well with the existing Web platform
-
Make a great platform
WASM
😨😨😨😨😨
😨😨😨😨😨
WASM
Efficient, safe, low-level bytecode for the Web
DEMO
WASM TANKS
Hello World
Node Add
AssemblyScript
WHY FAST THAN JS
😏😏😏😏😏
Different Entry Points
TurboFan vs Liftoff
More predictable performance than JS
USE CASES
USE CASES
-
Source-map npm
-
Zoom for Web Client
-
Sandspiel with Rust
LIMIT
-
Debugging
-
Harder code splitting
-
WebApI
-
NO GC
Upcoming Feature
-
Closer to native performance
-
Wasm threads proposal
-
SIMD proposal
-
Reference types proposal
-
web IDL proposal
-
support more modern languages
-
GC
RECOMMEND
-
putting everything in wasm is not a good idea
-
JS and wasm are not opponents, there is synery between them, use them togather
-
No incentive for a web developer to learn C++
-
Doesn't recommend write web component with C++, do some performance, audits measurements, where are your bottlenecks. and see if wasm can help you.
“If you find a gap in the web platform that has been filled many times in another language,but not on the web, not in JS, wasm might be your tool.”
HOW DO I GET STARTED
🤓🤓🤓🤓🤓
THANKS
Copy of WebAssembly For Web Developers
By Wang Danna
Copy of WebAssembly For Web Developers
- 313