React Animation Components

In this tutorial, you will learn to use react-animation-components to add more subtle animations to your React app. At the end of this tutorial, you will be able to:

• Use react-animation-components to add more subtle animations to your React app.

Installing React-Animation-Components

• Install react-animation-components into your React app as follows:
• $ npm install react-animation-components prop-types --save
• >> $ npm start >> [ERROR] "babel-jest": "^x.x.x"
• >> $ npm ls babel-jest
• >> $ npm install babel-jest@x.x.x --save

Adding Animations

• Open HomeComponents.js and update as follows:

• Open DishdetailComponents.js and update it as follows

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