<Slidetitle="Why WASM?"notes="Point at the macro."><Heading>Why WASM?</Heading><Points><Steps><Pointn="01">Near-native speed</Point><Pointn="02">Reuse Rust crates</Point><Pointn="03">Same logic everywhere</Point></Steps></Points></Slide>
04One slide, in code
LIVE DEMO
It is live. Click it.
This counter is a normal React component with useState. No screenshots, no alt-tab.
0
05It is live
ANIMATION
Motion, for free
35PowerPoint
48Keynote
41Google Slides
96React
06Motion, for free
REACT THREE FIBER
And yes, Three.js
Drag to orbit. Press → to change it.
step 1 → wireframe
step 2 → recolour
Torus knot (3D)
07And yes, Three.js
By the numbers
0PDF exports
1folder per talk
<2sto presentable
08By the numbers
PRESENTING
Built for the room
→ Spacenext step / slide
←back
Goverview grid
Ffull screen
Ppresenter view + notes
?s=7deep link to any slide
09Presenting
PUBLISHING
One folder, one push
01Writeslides/my-talk/slides.tsx
→
02Pushgit push origin main
→
03Buildnext build: static pages
→
04Share/slides/my-talk
10How it ships
Thanks!
Go write a slide.
slides.ezzdinatef.com · @ezzdin_atef
11Go write a slide.
Embed these slides
<iframe src="https://slides.ezzdinatef.com/embed/slides-as-code" width="960" height="600" style="border:0;border-radius:12px" allow="fullscreen" title="Slides as Code: Why I Moved My Talks to React"></iframe>