Worklets and Shared Values — React Native Gestures and Animations

An introduction to the Reanimated API for React Native, focusing on animation worklets and shared values. Worklets are JavaScript functions executed on the UI thread, enabling 60 FPS animations. The video covers six Reanimated hooks: useSharedValue, useDerivedValue, useAnimatedGestureHandler, useAnimatedStyle, useAnimatedProps, and useAnimatedReaction. It explains how React code and animation worklets communicate via runOnJS and runOnUI, how the Babel plugin captures variables from React code, and the distinction between direct UI thread updates and updates via the React UI manager for layout-affecting properties.