Animate with Reanimated - The basics of PinchGestureHandler with React Native Reanimated 2

In this tutorial, we’ll learn how to use the PinchGestureHandler component (from react-native-gesture-handler package). In order to do that we'll build the classical "Pinch Image" animation. My React Native animations course: https://reanimate.dev Shared 100+ Animations on Demos: https://reactiive.io/demos Twitter: https://twitter.com/reactiive_ Source code: https://github.com/enzomanuelmangano/animate-with-reanimated/tree/main/src/animations/04-pinch-gesture-handler-basics The main concepts we'll explore are: - PinchGestureHandler - focalX + focalY - useAnimatedGestureHandler hook - withTiming The basics of PanGestureHandler: https://youtu.be/4HUreYYoE6U If you like this tutorial, don't forget to subscribe to the channel :) Chapters: 00:00 Introduction 00:45 Setup workspace 02:48 The PinchGestureHandler 07:35 The magical onEnd callback 09:16 The focal point 12:35 Pinch around the focal point