animation-with-worklets

SKILL.md

Guidelines for scheduling functions between JavaScript and UI threads using React Native Worklets. This skill covers when and how to use scheduleOnRN and scheduleOnUI, proper function definition patterns, and avoiding unnecessary worklet directives.

Never use the "worklet" directive unless explicitly requested. In 99.9% of cases, there is no need to use it. scheduleOnUI handles worklet conversion automatically, so the directive is unnecessary. This also applies to gesture detector callbacks - you don't need to add the "worklet" directive in gesture handler callbacks.

Use scheduleOnRN and scheduleOnUI from react-native-worklets instead of runOnJS and runOnUI from react-native-reanimated.

JS スレッドと UI スレッド間の関数をスケジュールするための React Native Worklets ガイドラインを提供します。 scheduleOnRN、scheduleOnUI、ワークレット、スレッド スケジューリング、useAnimatedReaction、ジェスチャ ハンドラー、またはクロススレッド関数呼び出しを含むタスクに適用されます。 ソース: sovranbitcoin/sovran。

原文を見る