Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Optimize hot code-paths in uAS #3980

Merged
merged 3 commits into from
Feb 16, 2023
Merged

Optimize hot code-paths in uAS #3980

merged 3 commits into from
Feb 16, 2023

Conversation

kmagiera
Copy link
Member

@kmagiera kmagiera commented Jan 19, 2023

Summary

This is another attempt at optimizing useAnimatedStyle and style updater after #3950 got reverted. In this approach we omit Object.assign completely in favor of just using newValues object. Since newValues may contain animation objects, we use one of the initial loops from the updater to extract non-animated-props such that they can be used later on instead of using a call to filerAnimatedProps. We also replace styleDiff that'd allocate new object by shallowEqual that only does comparison. We've been using newValues to update the values anyways and so the diff wasn't used. In addition there was a bug before where we had if (diff) check – this wasn't correct as in case there were no changes between the objects, the diff would be an empty object and the check would pass.

Test plan

Tested on a bunch of different examples. Make sure to verify on examples that use animations inside uAS.

Copy link
Member

@tomekzaw tomekzaw left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested on Example app on iOS as well as FabricExample on Android. Everything seems to work just fine except for BokehExample 😢

@kmagiera
Copy link
Member Author

I think this error was fixed in f156b12 – can I get this approved then 🙏

@kmagiera kmagiera added this pull request to the merge queue Feb 16, 2023
Merged via the queue into main with commit d82f9f6 Feb 16, 2023
@kmagiera kmagiera deleted the make-uAS-faster branch February 16, 2023 13:57
kmagiera added a commit that referenced this pull request Feb 16, 2023
kmagiera added a commit that referenced this pull request Feb 17, 2023
## Summary

This PR replaces implementation of shallowEqual – it turns out that the
new one despite using Object.keys is 20x faster on hermes (haven't
checked JSC). Apparently JIT makes it very hard to measure but the
difference can be easily noticed when running examples with gestures
e.g., snap and drag.

## Test plan

Run snap & drag example on emulator on iOS – with the new implementation
it does not stutter.
fluiddot pushed a commit to wordpress-mobile/react-native-reanimated that referenced this pull request Jun 5, 2023
## Summary

This is another attempt at optimizing useAnimatedStyle and style updater
after software-mansion#3950 got reverted. In this approach we omit Object.assign
completely in favor of just using newValues object. Since newValues may
contain animation objects, we use one of the initial loops from the
updater to extract non-animated-props such that they can be used later
on instead of using a call to `filerAnimatedProps`. We also replace
`styleDiff` that'd allocate new object by `shallowEqual` that only does
comparison. We've been using newValues to update the values anyways and
so the diff wasn't used. In addition there was a bug before where we had
`if (diff)` check – this wasn't correct as in case there were no changes
between the objects, the diff would be an empty object and the check
would pass.

## Test plan

Tested on a bunch of different examples. Make sure to verify on examples
that use animations inside uAS.
fluiddot pushed a commit to wordpress-mobile/react-native-reanimated that referenced this pull request Jun 5, 2023
…ansion#4059)

## Summary

This PR replaces implementation of shallowEqual – it turns out that the
new one despite using Object.keys is 20x faster on hermes (haven't
checked JSC). Apparently JIT makes it very hard to measure but the
difference can be easily noticed when running examples with gestures
e.g., snap and drag.

## Test plan

Run snap & drag example on emulator on iOS – with the new implementation
it does not stutter.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants