Hands-On Design Patterns with React Native

What are animations?

When I first read the Animated library documentation I freaked out. There are so many new words that you will need to get used to. Instead of diving right into them, let's understand what animations really are.

Animation is a change to a component style over time.

Remember: you need a style attribute, its starting value, and its end value. Animation is what you see when this value goes from start to end over time. You can combine many attributes and possibly animate many components at the same time.

The common and recommended way to store variables that will change over time is the component state. React Native Animated provides a special class that implements this functionality in a very performant way: Animated.Value ...