~/talk

Motion in React

Talkat ReactNext 2018 · on Sunday, 2018-11-04· [web-animation]
slides:none on file

Recommendation hinges on specifics not slogans: CSS Transitions and Animations win for simple, declarative, 60fps-friendly effects and media query driven states; JavaScript with requestAnimationFrame becomes necessary for coordinated interactions across components like drag and drop notifications and data visualizations; React Motion supplies spring physics for lifelike motion; react transition group and react-pose provide composition and abstraction while popmotion or GSAP handle low level control; Netflix reports success using JS driven 3D depth transitions on TV where no DOM exists, so pick by environment and control needs.

AI-written summary · about

  1. 0:00Start
  2. 4:39CSS TRANSITION
  3. 5:01CSS ANIMATION
  4. 10:12CSS TYPED OBJECT MODEL
  5. 13:39TRANSITION GROUP
~/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.