Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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!](** We accept bounties via [Bountysource]( </bountysource-plugin>

Issue Analytics

  • State:open
  • Created 8 years ago
  • Comments:11 (3 by maintainers)

github_iconTop GitHub Comments

frenzzycommented, May 31, 2016
frenzzycommented, Mar 2, 2017

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:

Read more comments on GitHub >

github_iconTop Results From Across the Web

Transitions Lenses | Light Intelligent Photochromic Lenses
Discover Transitions light intelligent photochromic lenses. Transitions light intelligent lenses automatically adapt to changing light conditions offering ...
Read more >
Transitions - UNC Writing Center
A transition can be a single word, a phrase, a sentence, or an entire paragraph. In each case, it functions the same way:...
Read more >
Transitional Words and Phrases - UW-Madison Writing Center
Use these transitions strategically by making sure that the word or phrase you're choosing matches the logic ... Categories of Transition Words and...
Read more >
Transitions Homeless Center • The Journey Home Begins ...
Transitions in Columbia, SC is Midlands Largest Homeless Center providing homeless men and women ages 18 and older access to hot meals, showers...
Read more >
Transitions • Drug Rehabilitation & Immediate Care ...
Transitions Inc. is a drug rehabilitation & on-demand treatment center. Learn more about our services & facilities.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found