Transitions

Provide a mechanism to do smooth animated transitions to a different route. Consider also the same route with different parameters. Ex: /user/123 to/user/124. Ideally it can work with ReactCSSTransitionGroup

<bountysource-plugin> --- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/29560423-transitions?utm_campaign=plugin&utm_content=tracker%2F18115217&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F18115217&utm_medium=issues&utm_source=github). </bountysource-plugin>

[frenzzy]

Are these examples useful to you?

• https://jsfiddle.net/frenzzy/4ota5fag/3/
• https://jsfiddle.net/frenzzy/4ota5fag/2/

[frenzzy]

Do not use any higher order components with ReactTransitionGroup, for example you can manually apply styles for your animation component:

import React from 'react';
import s from './your.css';

class Animation extends React.Component {
  static contextTypes = {
    insertCss: PropTypes.func,
  };

  componentWillMount() {
    this.removeCss = this.context.insertCss.apply(undefined, s);
  }

  componentWillUnmount() {
    setTimeout(this.removeCss, 0);
  }
  // ...
}

Or you can read discussion here: https://github.com/reactjs/react-redux/issues/303