ronferraro

Just started working with React and will also be using GSAP (of course). I found this link helpful: https://egghead.io/lessons/react-using-tweenmax-with-react which unfortunately uses the deprecated getDOMNode in its examples. Simply swap out for findDOMNode and start animating. My project is working fine with simpler sequential animations so far, but simultaneous transformations on a single element may be trickier. I haven't tried the plugin, I'm just loading TweenMax straight, though I may change things up if I run into trouble. So far, so good, though.

I think one advantage of an AfterEffects plugin might be to offer example GSAP code or some output of relevant transform/timing/easing values in one chunk. I am speaking as a front-end dev on a team with a designer who is building his animations in AfterEffects, and I have to either open the AfterEffects file and figure out the timing, easing and so forth for each piece and then translate that to TimeLineMax syntax or I have to watch the animation output in a video format and guesstimate what those values are as I go. In other words, there is one person designing the animation and another person translating it to the web. The former does not write JavaScript and the latter does not have a hand in the design/decision process. Having some way for such a team to communicate values across the two platforms might be helpful and save some development time, particularly on complex animations that have to be translated as accurately as possible.