Animating The Virtual DOM

Channel:

Coding Tech

Subscribers:

725,000

Published on March 6, 2018 8:38:48 PM ● Video Link: https://www.youtube.com/watch?v=QalLF-sAmVc

Duration: 32:43

13,299 views

316

Animation is incredibly powerful to convey meaning and drive user behavior but only when done well. Animating the virtual DOM comes with some intricacies that affect our implementations. In this talk, we’ll go over animating in React with a variety of methods, comparing and contrasting each. We’ll cover add-ons like ReactCSSTransitionGroup, using external libraries like GSAP, React-Motion, motion using RxJS, and transitioning state with D3. We’ll look inside some real systems, breaking down how we can create reusable components of animation principles for interchangeable yet cohesive patterns.

EVENT:

React Vienna 2017

SPEAKER:

Sarah Drasner

PERMISSIONS:

The original video was published with the Creative Commons Attribution license (reuse allowed).

CREDITS:

Original video source: https://www.youtube.com/watch?v=WylIER68iS0