Animation Performance Tips

Overview

Performance optimization guide for React Native Reanimated animations, covering shared values, worklets, memoization, and rendering optimizations. These guidelines ensure buttery smooth animations at 60fps.

When to Apply

Reference these guidelines when:

• Debugging janky or stuttering animations
• Optimizing animation performance (FPS drops)
• Working with shared values and worklets
• Implementing gesture handlers
• Optimizing animated lists and scroll handlers
• Reviewing Reanimated code for performance issues

Priority-Ordered Guidelines