animating-react-native-expo
Installation
SKILL.md
React Native (Expo) animations — Reanimated v4 + Gesture Handler
Defaults (pick these unless there’s a reason not to)
- Simple state change (hover/pressed/toggled, small style changes): use Reanimated CSS Transitions.
- Mount/unmount + layout changes (lists, accordions, reflow): use Reanimated Layout Animations.
- Interactive / per-frame (gestures, scroll, physics, drag): use Shared Values + worklets (UI thread).
If an existing codebase already uses a different pattern, stay consistent and only migrate when necessary.
Quick start
Install (Expo)
npx expo install react-native-reanimated react-native-worklets react-native-gesture-handler