Animations Made Easy in React

Install

npm install react-reveal --saveyarn add react-reveal 

My Code

Animation

import Bounce from "react-reveal/Bounce";

State

I am controlling the ‘when’ value with the useState hook. Each div is controlled by their own individual state(first, second, third). As you scroll and your mouse enters each div, onMouseEnter is called, changing the corresponding state to true, and revealing the animation.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store