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:
- CSS Animations based on React component state
- JS Style animations based on React component state
- React Motion by Cheng Lou
- Animated
- 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.