Stack Overflow
Stack Overflow

Questions tagged [reactcsstransitiongroup]

Related to React library transitions

Related to React library transitions:

React implements one-way reactive data flow which reduces boilerplate and is easier to reason about than traditional data binding.

React uses a virtual DOM diff implementation for ultra-high performance. It can also render on the server using Node.js — no heavy browser DOM required.

https://reactjs.org/

202 questions
0
votes
1 answer

React Router v4 component transition with ReactCSSTransitionGroup add-on

I am trying to do a very simple component opacity transition in react. I am using the ReactCSSTransition group to perform this and I believe I have set things up correctly but it does not seem to be working. I would appreciate any help on this…
W9914420
  • 695
  • 2
  • 11
  • 25
0
votes
0 answers

React router, ReactCSSTransitionGroup and native back and forward buttons

Possible a noob question, but I am facing react router cycle problem here. I've got React Router, ReactCSSTransitionGroup I've got two versions of css animation, and would like to switch between them based on type of navigation. It's pretty…
khola
  • 1
0
votes
1 answer

React CSS Transition Group, not working?

Apologies for the simplicity of this problem, but I am new to React and trying to implement a simple CSSTransitionGroup to hide/show an element, but with a fade, slide, etc. The documentation seems very straightforward, but for some reason the…
vesperae
  • 1,291
  • 2
  • 19
  • 28
0
votes
1 answer

React TransitionGroup children based on state

At the moment I have a number of the same component that is rendered from a map like so: {this.state.Tweets.map(t => )} So what I've done is wrapped the entire map object with a transition as…
ajames
  • 113
  • 4
0
votes
1 answer

animation not smooth by ReactCSSTransitionGroup

I am creating an image carousel, animating images from right to left. Which seems to be working expect the smoothness. There is some jagged animation, and I am not able to figure it how to make it perfect. I created a fiddle and it seems to be…
scripter
  • 1,416
  • 4
  • 19
  • 35
0
votes
0 answers

ReactCSSTransitionGroup not showing animations

new to react generally, i'm trying to use ReactCSSTransitionGroup to animate the navigation bar but see no animation, instead there's a small delay in the navigation bar appearing. i cant figure out what i'm missing. also using in this project:…
Gonzo
  • 11
  • 4
0
votes
0 answers

Reactjs drawer animation affecting other elements on page

sample image giving a fare idea: I have two main components first component (NewsFeed) default state is expanded size (1000px) second component (Chat) default state is collapsed (200px) where only people avatar with their names are displayed in…
Thomas Dola-Paulson
  • 11
  • 1
0
votes
1 answer

ReactCSSTransitionGroup: Elements on their way out stay mounted along with newly mounted elements for a short time

I have a relatively simple use case involving a group of buttons each representing a category. When one of these category buttons is clicked its corresponding sub-categories will appear in a section below. When you click on one of these category…
connected_user
  • 814
  • 1
  • 9
  • 25
0
votes
1 answer

How to animate the data in the table on update via ReactCSSTransitionGroup?

ReactCSSTransitionGroup adds the class only when the component is added or removed, but when data updates it isn`t animated...
Aleskei Sakharov
  • 103
  • 1
  • 8
0
votes
1 answer

How to make an animation work with ReactCSSTransitionGroup?

I am trying to implement the "bounce" animation from animate.css into a React component. So far the CSS I have is: // Animation Bounce @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function:…
Madison
  • 13
  • 4
0
votes
0 answers

ReactCSSTransitionGroup does not work

I have the following code in the parent component - By default Module1 will show up and on click, it gets replaced by module2 - have this logic in place, trying to add some basic fade in/out when the module2 toggles, but the transition does not…
monkeyjs
  • 604
  • 2
  • 7
  • 29
0
votes
1 answer

ReactCSSTransitionGroup rendering list of items

So I am trying to display a transition with ReactCSSTransitionGroup on load of the home page. It is to display a list of items below the jumbotron. This items come from Redux store. They are passed from a container component called home_index.js…
MindfulBell
  • 233
  • 2
  • 3
  • 8
0
votes
1 answer

What is wrong with ReactCSSTransitionGroup?

I have this code inside render() function in my component: ..
testing animations!
 .. And i…
Oner Ksor
  • 901
  • 6
  • 16
0
votes
1 answer

How can i Animate cell of fixed data table component?

I'm using facebooks fixedDataTable to show stock dashboard. what i need to achieve is flash fixed data table cell (say price column) green or red based on the change of price. How do we achieve animation inside fixed data table ?
user1803361
  • 61
  • 8
0
votes
1 answer

Warning: Failed propType: transitionAppearTimeout wasn't supplied to ReactCSSTransitionGroup (React.js)

My code works fine but I am getting this annoying error. What is the issue? Warning: Failed propType: transitionAppearTimeout wasn't supplied to ReactCSSTransitionGroup: this can cause unreliable animations and won't be supported in a future…
user1072337
  • 12,615
  • 37
  • 116
  • 195
1 2 3
…
13
14