~/talk

Animating in React

Talkat React Rally 2016 · 2016-08-25..08-26· [react, web-animation]
slides:none on file

Shows a concrete stack and what actually worked: an SVG 2D side‑scroller elephant game built with React using SVG heart meter updates for score, collision detection on a RAF loop, and item spawning via tweens. Uses GreenSock (GSAP) for cross‑browser timelines and sequencing, uses react‑motion for physicsy, interruptible staggers, and contrasts DOM/SVG vs canvas tradeoffs. Includes code patterns: stroke‑dasharray drawing, hardware‑accelerated transforms, and when to prefer JS animation over CSS.

AI-written summary · about

  1. 0:00Start
  2. 12:38ACCESSIBILITY
  3. 14:37NATIVE VANILLA JS
  4. 15:09CORRECT TOOLS FOR THE JOB MY RECOMMENDATIONS
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.