animation-with-worklets

What problem does it solve?

Cross-thread coordination in React Native can be error-prone and hard to reason about. This Skill provides clear guidelines to safely schedule functions between the JavaScript thread and the UI thread using worklets, reducing bugs in animations and gesture handling.

Core Features & Use Cases

• Define functions outside inline using a stable reference and schedule them on the appropriate thread with the recommended helpers.
• Avoid unnecessary worklet directives and prefer automatic conversion when using scheduleOnRN and scheduleOnUI.
• Use cases include coordinating animation state updates, gesture-driven interactions, and cross-thread function calls in animation pipelines.

Quick Start

To begin, create a stable function with a useCallback hook and call scheduleOnRN or scheduleOnUI with that function reference in your animation or gesture handler code.