Popmotion x React
Popmotion x React provides a simple interface to bring Popmotion’s tweening, physics and input tracking capabilities to any React component.
It uses the “function as children” pattern, so you can create declarative interactions with the DOM, SVG, Three.js, A-Frame, Pixi… anything that has a React interface.
npm install --save popmotion-react
MotionValue component allows you to declaratively animate either a single or composite
... read the whole story at popmotion.io.
MotionValue is a simple state machine. You provide state transition handlers and it provides simple setters to your component. For instance: