~/talk

React Animation Made Easy

Talkat React Miami 2022 · 2022-04-18..04-19· [react, web-animation]
slides:none on file

Claim: adding smooth, performant animations to React becomes simple with Framer Motion using declarative props and sensible defaults. Examples show using animate/initial/transition props, named variants, and gestures (hover tap drag) to get usable motion without bespoke easing math. Demo proves AnimatePresence cleanly animates elements leaving the DOM and built‑in layout animations reorder lists. He states a surprising stat — 95 percent of websites feel static — and the code examples run and behave as advertised.

AI-written summary · about

  1. 0:00Intro
  2. 0:30Talk
  3. 2:50Magic Johnson
  4. 3:50Why Animation
  5. 6:22Animation is Hard
  6. 7:27Framer Motion
  7. 15:33Conclusion
~/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.