'Animated' is not smooth when there're many animations

[BodhiHu]

Hi guys,

First really awesome library to bring react-native to the web front end 👍

Currently I'm using this to write an HTML-5 page which uses a lot of Animated animations, which doesn't seem very smooth, so I would guess the animations are being run in the main thread which would be blocked let's say, when there're lots of animations ?

If so wondering if this could be improved ? E.g. put the animations work in another worker maybe ?

[necolas]

Hi, I'd open this issue against React Native or the separate Animated package: https://github.com/animatedjs/animated

[faceyspacey]

@ChrisOHu any discoveries regarding how to optimize multiple animations? Perhaps tweaks that need to be made to the animated library?

[necolas]

I don't think animated is maintained. I'd be open to a PR that reintroduces the RN Animated library.

[faceyspacey]

Have you looked into samsara: http://samsarajs.org

It's interface shares a lot in common with Animated (Animated being a sub-set of Samsara). I feel like it could be a powerful way to power a future Animated for both and RN and react on the web. Just last week I shared my thoughts about it with its creator (ex-Famous employee) here:

dmvaldman/samsara#9

It's probably a lot of work to get a full samsara interface in RN, but what may in fact be surprisingly easy is a mirror of the Animated api, just using Samsara to power it. And obviously the hope would be that its performance is a lot better.

[BodhiHu]

Perhaps react-motion (https://github.com/chenglou/react-motion) ?