Chapter 8. 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 ...

Get React: Building Modern Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.