Microsoft シニアデベロッパーアドボケイト

Sarah Drasner

Sarah Drasner は受賞歴を持つスピーカー、Microsoft のシニアデベロッパーアドボケイト、CSS-Tricks のスタッフライターです。Val Head と共に Web Animation Workshops を設立しました。SVG Animations(O'Reilly)の著者で、Vue.js の Frontend Masters workshops を行っています。

以前は Trulia (Zillow) で UX デザインとエンジニアリングのマネージャーをしていました。



Next-level Vue Animations

As superfluous as something like animation may initially seem, you can tell a lot about framework by the way that it handles the concept of time. Idiosyncrasies and race conditions in rendering reveal themselves, pauses in DOM and virtual DOM diffing can be exposed. This is one of the ways Vue shows itself to be uniquely capable and elegant. In this session, we'll cover the basics of working with Vue, how to use the component and some of its offerings to create fluid effects in the browser. We'll move on to watchers, the reactivity system, and transitioning state. Finally, we'll talk about lifecycle methods, SVG, and pushing our animations to the next level.