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
2 answers

ReactCSSTransitionGroup having no effect

I have integrated ReactCSSTransitionGroup, but am not getting an animation effect. Would appreciate tips on where the following structure is wrong: import { Router, Route, IndexRoute, browserHistory } from 'react-router' import…
HenrikBechmann
  • 579
  • 2
  • 5
  • 19
0
votes
1 answer

React TransitionGroup componentWillLeave no action

I have strange problem with TransitionGroup in React. First time somehow I managed to create group and component that stucks and doesn't update based on state values. Have one component(A) that always has TransitionGroup. When state changes it…
Oozhaa
  • 181
  • 1
  • 12
0
votes
0 answers

Remove an element whilst enter animation is still running

I have an animation which runs on any new item to a grid. Lets say this animation takes 5 seconds to run. Currently, if I try removing that element within the 5 seconds (so whilst the enter animation is still running), the item remains in the list…
anthonyv
  • 2,455
  • 1
  • 14
  • 18
0
votes
1 answer

react.js - ReactCSSTransitionGroup throws exception

I'm trying to add animations for enter into my list inside React.js app (http://facebook.github.io/react/docs/animation.html). But ReactCSSTransitionGroup throws such exceptions: Uncaught TypeError: Cannot read property…
Kosmetika
  • 20,774
  • 37
  • 108
  • 172
-1
votes
1 answer

React 18 + CSSTransition makes error : TypeError: Cannot read properties of undefined (reading 'baseVal')

I am getting an error when animating routes switching using CssTransition, I can’t find anything useful on the Internet about this problem. Maybe someone here can give some advice. Thanks! react : 18.2.0 react-router-dom:…
-1
votes
2 answers

React Router + Page animations + Modularity

This is a question about React router and its design, specially when considering pages transitions. React is designed for modularity, and it excels on that area. But I found one task that seems pretty hard to do while maintaining isolation and…
user7499416
-1
votes
1 answer

ReacJS CSSTransitionGroup how can i make my transition smoother and remove transition from element

Hello im trying to to keep my button position:absolute but remove the animation from it also my animation is not smooth enough and i can't really handle it cause no key frames. here is my bin. My Bin
Alex
  • 457
  • 6
  • 12
  • 27
1 2 3
13
14