animation-with-worklets

Use react-native-worklets scheduleOnRN and scheduleOnUI instead of runOnJS and runOnUI for cross-thread coordination. Define functions outside inline using a stable useCallback reference and let scheduleOnRN and scheduleOnUI handle automatic worklet conversion, preventing gesture handling bugs.

You should use scheduleOnUI instead of runOnUI because it supports automatic worklet conversion and reduces unnecessary worklet directives. This approach ensures correct worklet execution within React Native animation pipelines and cross-thread function calls.

To update animation state from gesture handlers without thread errors, define your callback function with useCallback and schedule it on the appropriate thread using scheduleOnRN or scheduleOnUI, coordinating updates safely within the animation pipeline.

You do not need the worklet directive when using scheduleOnRN. The Skill recommends avoiding unnecessary worklet directives and preferring automatic conversion when scheduling functions between the JavaScript and UI threads.

Yes, you can use useAnimatedReaction to coordinate cross-thread updates. Combine it with scheduleOnRN or scheduleOnUI and stable useCallback function references to safely manage animation state and gesture-driven interactions across threads.