A First Look at Reanimated 2 - Shopify

This post introduces Reanimated 2, a significant paradigm shift in building gestures and animations in React Native. It moves from Reanimated 1's declarative DSL to an animation worklet model, where JavaScript functions run on the UI thread independently from the main JavaScript thread. This eliminates the need to cross the React Native bridge for many operations, improving performance and reducing complexity. The post details the new API hooks: `useSharedValue`, `useDerivedValue`, `useAnimatedGestureHandler`, `useAnimatedStyle`, and `useAnimatedProps`, and provides an example of a draggable object. It highlights the benefits of reduced learning curve, expanded instruction set, and improved initialization performance.