React Animations

In this tutorial, you will learn to implement animations in your React app using react-transition-group. At the end of this tutorial, you will be able to:

• Configure your app to use react-transition-group for animations
• Implement simple animation using the react-transition-group

Installing React-Transition-Group

• Install react-transition-group in your React project as follows:
$ npm install react-transition-group --save

• Configure CSS classes for use in animation. Open App.css and add the following classes:

• Then, open MainComponent.js and add in the following to configure the animation:

(source: Front-End Web Development with React on Coursera)