DEV Community

Adding animations to your React app with React Transition Group

Mario Pabon on July 11, 2017

Adding functional animations to your app can be a great way to enhance its user experience. When used correctly, animation can help guide the user'...
Collapse
 
kruulik profile image
Karolis Krulis

Hey Mario, have you found a way to stagger animation of child elements? So if I were to render the card list with, lets say, 10 cards, they would appear one after the other and not all at once.
Any help would be greatly appreciated!

Collapse
 
bluebill1049 profile image
Bill

I made a simple React Animation Component:

github.com/bluebill1049/react-simp...

Here is an interactive demo:

react-simple-animate.herokuapp.com/

Collapse
 
readeral profile image
readeral

Finally someone has explained react transition group sufficiently clearly that I can implement it! Thanks so much Mario.

Collapse
 
letsbsocial1 profile image
Maria Campbell

Thanks from me as well!