O'Reilly logo

Developing a React Edge: The JavaScript Library for User Interfaces by The League of Extraordinary Developers

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. Animations

Now that you can compose together a complex set of React components and test them, it’s time to add some polish. Animation can make user experiences feel more fluid and natural, and React’s Transition Groups addon, in conjunction with CSS3, make incorporating animated transitions into your React project a breeze.

Historically, animation in browsers has had a very imperative API. You would take an element and actively move it around or alter its styles in order to animate it. This approach is at odds with React’s rendering and re-rendering of components, so instead React takes a more declarative approach.

CSS Transition Groups facilitate applying CSS3 animations to transitions, by strategically adding and removing classes ...

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