Skip to content

Animated: Optimize onUserDrivenAnimationEnded Deopt#48511

Closed
yungsters wants to merge 3 commits into
facebook:mainfrom
yungsters:export-D67872307
Closed

Animated: Optimize onUserDrivenAnimationEnded Deopt#48511
yungsters wants to merge 3 commits into
facebook:mainfrom
yungsters:export-D67872307

Conversation

@yungsters
Copy link
Copy Markdown
Contributor

Summary:
{D60499583} added a newonUserDrivenAnimationEnded listener that requires AnimatedNode instances to have up-to-date values reported by onAnimatedValueUpdate (if native driver is in use).

Previously, the only way to ensure onAnimatedValueUpdate events were always fired to update JavaScript values in AnimatedNode instance was to attach a listener — even an empty one. This is exactly what D60499583 did: it traverses props for AnimatedNode instances and attaches listeners to them.

However, this is really inefficient and makes the code extra convoluted. Instead, this diff changes AnimatedNode so that it always subscribes to changes in __attach, and then it cleans up the extraneous props traversal and "empty listener" logic.

Changelog:
[Internal]

Differential Revision: D67872307

@facebook-github-bot facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Jan 6, 2025
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D67872307

Summary:
While refactoring `Animated`, I noticed that many subclasses of `AnimatedNode` override `__attach` without invoking the superclass method, even though we do this for `__detach`.

In order to minimize surprise (e.g. if someone were to add logic into `AnimatedNode.prototype.__attach`), this diff updates all method overrides to invoke `super.__attach()`.

Changelog:
[Internal]

Differential Revision: D67884975
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D67872307

yungsters and others added 2 commits January 7, 2025 00:04
Summary:
Currently, `AnimatedNode` implements logic to start listening to updates on the current native node if a listener is added.

However, the `startListeningToAnimatedNodeValue` native module method only supports native tags for instances of `AnimatedValue`, which is a subclass of `AnimatedNode`. In fact…

* On Android, [`startListeningToAnimatedNodeValue`](https://fburl.com/code/bdsl4sro) throws if the node is not an instance of `ValueAnimatedNode`.
* On iOS, [`startListeningToAnimatedNodeValue`](https://fburl.com/code/hlpk1rzk) does nothing if node is not an instance of `RCTValueAnimatedNode`.

As such, this refactors `AnimatedNode` to never manage this subscription for native nodes. Instead, the logic is moved into the `AnimatedValue` subclass, ensuring that we never accidentally try to `startListeningToAnimatedNodeValue` with non-`AnimatedValue` native tags.

Changelog:
[Internal]

Differential Revision: D67884973
Summary:
Pull Request resolved: facebook#48511

{D60499583} added a new`onUserDrivenAnimationEnded` listener that requires `AnimatedValue` instances to have up-to-date values reported by `onAnimatedValueUpdate` (if native driver is in use).

Previously, the only way to ensure `onAnimatedValueUpdate` events were always fired to update JavaScript values in `AnimatedValue` instance was to attach a listener — even an empty one. This is exactly what D60499583 did: it traverses `props` for `AnimatedNode` instances and attaches listeners to them.

However, this is really inefficient and makes the code extra convoluted. Instead, this diff changes `AnimatedValue` so that it always subscribes to changes in `__attach`, and then it cleans up the extraneous props traversal and "empty listener" logic.

Changelog:
[Internal]

Differential Revision: D67872307
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D67872307

@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request has been merged in 6d67d6a.

@facebook-github-bot facebook-github-bot added the Merged This PR has been merged. label Jan 8, 2025
@react-native-bot
Copy link
Copy Markdown
Collaborator

This pull request was successfully merged by @yungsters in 6d67d6a

When will my fix make it into a release? | How to file a pick request?

@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request has been reverted by 6fa4cc6.

@yungsters yungsters deleted the export-D67872307 branch March 13, 2025 16:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. fb-exported Merged This PR has been merged. p: Facebook Partner: Facebook Partner Reverted

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants