useSharedValue: State for High-Performance Animations
The `useSharedValue` hook creates state that lives on the UI thread, bypassing React's render cycle for animations. Use it with `useAnimatedStyle` to drive smooth, 60fps animations. The footgun: modifying a shared value won't re-render your component.
The `useSharedValue` hook creates a special state container that lives on the UI thread, bypassing React's render cycle for high-performance animations. It's the foundation for Reanimated, used inside `useAnimatedStyle` to connect a value to a style, ensuring smooth 60fps updates. The main footgun is that changing a shared value via its `.value` property does not trigger a React re-render; it only updates styles or derived values that explicitly depend on it.
Read the original → docs.swmansion.com
- #react native
- #reanimated
- #animation
- #hooks
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.