download iExpressions at
https://aescripts.com/iexpressions/
react-spring is a popular module to create animations in web apps and websites. Designing animations for react-spring in Adobe After Effects is a tricky task, since in contrast to Ae, react-spring does not work with keyframes, but instead has a physics based animation system that dot require you to specify any timing or motion curves.
With the react-spring iExpression, creating animations for react-spring in Ae becomes very easy. If you apply the react-spring expression, the keyframes are not interpolated in the normal way anymore and behave exactly as in react-spring itself. This means if you move a layer from some point A to some point B, immediately after the keyframe at point A, the layer gets attracted by point B and moves there – based on the react physics, instead of using the timing specified by the keyframes themselves. In other words, your keyframes become target locations by which the layer is attracted and all the details how exactly the layer travels to this target location are specified by the spring physics. If you create your animations that way, you can layer implement the exact same animations easily in your web application, by simply copying and pasting the physics parameters of the iExpressions into your react-spring implementation.
