Animations & gestures with Reanimated and Gesture Handler

Created by CodeCraft LLC

Build, advise on, and review React Native animations and gestures with react-native-reanimated and react-native-gesture-handler

Product and technology names are trademarks of their respective owners, used only to identify what this skill covers. CodeCraft LLC is not affiliated with or endorsed by them.

by Jace (@jamick)v2.0.0 · updated 2026-10-03Report copyright infringement

Description

Build, advise on, and review React Native animations and gestures with react-native-reanimated and react-native-gesture-handler — shared values, useAnimatedStyle, withTiming/withSpring/withDecay, worklets and UI-thread vs JS-thread calls, layout animations (entering/exiting/layout transitions), CSS-style animations in Reanimated 4, Gesture API (Pan, Pinch, Tap, composition), GestureHandlerRootView, scroll-driven animations, reduced motion, and performance. Use whenever reanimated or gesture-handler is installed, the user builds swipe/drag/bottom-sheet/carousel interactions, sees "Tried to synchronously call function from a different thread", or animations stutter on device.

#libraries#reanimated#gestures

Included with all-access

$5.00 value as a single download

AiSkillz is in preview: browse the catalogue now - skill downloads and subscriptions open soon.

All skills are included with the all-access subscription

Changelog

v2.0.0Oct 3, 2026Latest

Changed

Checked against the official documentation (October 2026).
Added React Native Gesture Handler 3's hook API (use*Gesture hooks, renamed callbacks, composition hooks, Touchable) - v2 and v3 gesture code differs completely.
Noted Reanimated 4.x with react-native-worklets on the New Architecture, and added 1 pitfall.

v1.0.1Oct 3, 2026

Changed

Renamed the title to describe what the skill does with the product, so it doesn't read as an official or endorsed edition.
Added a trademark notice to the README.

v1.0.0Oct 2, 2026

Added

First release.