Animating VueJS

Channel:
Subscribers:
725,000
Published on ● Video Link: https://www.youtube.com/watch?v=Vp37fWKOlV4



Duration: 42:07
78,285 views
1,842


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.

EVENT: SmashConf Barcelona 2017 (https://www.smashingmagazine.com/)

SPEAKER: Sarah Drasner

PERMISSIONS: Coding Tech received permissions to republish this video from the conference organizer.







Tags:
vuejs
vue.js
animation
svg
front-end development
web design
sarah drasner
javascript