Use the d3 stuff directly, or a good tweening library that is well-suited and hardware accelerated for your platform.
Use the d3 stuff directly, or a good tweening library that is well-suited and hardware accelerated for your platform.
On the topic of hardware acceleration, there are a some good perks to using class-based/keyframe CSS animation, but you immediately forfeit any ability to utilize dynamic run-time values. It's also important to note that even though React-Move's animation loop is being executed in Javascript instead of the browser's GPU thread, doesn't mean React-Move doesn't utilize hardware acceleration. By mapping these interpolated values to hardware-accelerated css properties, you are in fact using hardware-accelerated transitions, albeit at the speed of the JS thread.
If all of these amazing features aren't your cup of tea, then I would most definitely suggest that you roll your own solution. :)
Cheers!
Feel free to wire together your own solution if that works better for you. As for me, react-move is exactly what I need.