title: Using jQuery ONLY for animation in React application
body: <p>So after spending some time using React (with Redux) I noticed that everything is very good, with the exception of animation.</p>
  
  <p>Sure, React has the ReactCSSTransitionGroup, but in my opinion it's not flexible enough. Just as an example, let's say I want my logo to have a simple bounce animation every 5 seconds, this turns out to be very hard to do since ReactCSSTransitionGroup only animates when the component is mounted and unmounted. </p>
  
  <p>I've also came across the React Motion library, which looks very cool, however for something as simple as bouncing the logo I don't feel it's worth bringing in such a library and adding 10+ lines of code.</p>
  
  <p>So my question for those who are experienced with React, what are your thoughts about using jQuery (together with lets say Animate.css) for animation? I know that going to the DOM is slow and React disencourages this since it's also considered an antipattern, but was wondering if it would be justifiable for this use case? Would the 'penalty' of accessing the real DOM for animation be even noticeable?</p>
  
  <p><strong>EDIT: the above example was actually not good since it can be done solely with CSS, so let me slightly change it. Imagine that the time between each bounce should be dynamically triggered, rather than the fixed 5s. Basically the point of the question is to know whether or not if for the 'slightly more complicated'animations (ones that CSS3 or CSSTransitionGroup cannot do easily), jQuery would be a good solution - or still, if possible, not use jQuery at all in.</strong></p>