garnwraly

Yes, but don't limit the test to those, there are probably more that I missed : ) The main metric I would go by is complexity, in whatever form it may take The more complex a project is, the greater the need for good organization of logic and abstractions to avoid creating an unmaintainable mess React and other frameworks provide good organization systems and abstractions (I am also quite fond of Angular and Vue )

Definitely possible to do with GSAP and React, although I would not use ReactTransitionGroup if you want the slides in between to be visible Here's a solution for if the slides all have the same dimensions: Each slide would need to know its own index and the slider's currently selected index (passed down as props) Based on that information it would be able to calculate the position it _should_ be in When the currently selected index changes (componentWillReceiveProps), each item would animate itself from its current position to the calculated target position Let me know if that works

Complexity (including, but not limited to, degree of interactivity, amount of content, how much of the content is dynamic) It's somewhat analogues to the dewy decimal system and organizing books. If you have 2 shelves of books it'd be overkill. If you have 100 shelves of books then you probably should. 10 shelves? Judgement call.

Hi guys, Long time GSAP user, started using react about half a year ago and discovered that complex animations has been a somewhat overlooked topic. One of my colleagues was sure that react didn't have anything to allow for js animations (they did bury the documentation pretty far down the page) So I wrote a post showing how to use React's transition api to do JS animations using GSAP, please have a look and let me know what you think https://medium.com/@cheapsteak/animations-with-reacttransitiongroup-4972ad7da286#.jfposelsa