O'Reilly logo

Mastering React by Ryan Vice, Adam Horton

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 10. Animation in React

Animation in React is the same as any web animation. Web animation techniques typically involve setting CSS class names on elements, or setting CSS properties directly on elements via the style attribute. Animation is achieved when CSS classes or attributes change CSS properties, which are either the target of the transition easing declaration, or directly manipulated frame-by-frame via JavaScript. Animation can also be achieved on SVG elements by changing path properties directly as well as through SVG animate elements and related animation properties that are specific to SVG. In this chapter, we won't cover SVG animation, but the animation techniques are very similar to animating other DOM elements.

Common instances ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required