Код-ревью: перетаскиваемая карточка

export function DraggableCard() {
  const [x, setX] = useState(0);
  const pan = useRef(
    PanResponder.create({
      onMoveShouldSetPanResponder: () => true,
      onPanResponderMove: (_, g) => setX(g.dx),
      onPanResponderRelease: () => setX(0),
    }),
  ).current;
  const opacity = useRef(new Animated.Value(1)).current;
  useEffect(() => {
    Animated.timing(opacity, { toValue: 0.5, duration: 300, useNativeDriver: true }).start();
  });
  return (
    <Animated.View {...pan.panHandlers} style={{ transform: [{ translateX: x }], opacity, width: 300 }}>
      <HeavyContent />
    </Animated.View>
  );
}