React Animations in Depth

5 Options for React Web Animations, and which of these are cross-platform.

In this post, we will look at the following ways to create React animations:

1. CSS Animations based on React component state
2. JS Style animations based on React component state
3. React Motion by Cheng Lou
4. Animated
5. Velocity-React

To view the repo for this project, click here.

Bonus: At the end, I will also show how to implement animations using GreenSock as it is something I was familiar with, but I’m not sure I would recommend it yet as I have yet to test performance with React but it seems to work great!!

Edit: Concerning GreenSock, they tweeted out a link to check out concerning perf:

A few weeks ago I was working on a project and I wanted to know the current best practices for animations using React web, so I sent out a tweet and got some good responses.