Reanimated

    For animations that need to be particularly high performance, you may want to consider react-native-reanimated.

    The library runs separate JavaScript contexts (which are sort of like threads/web workers) for animation. This approach allows a lot of flexibility in terms of the animation code you can write, while not blocking the main UI thread. However, it requires you to write your code in a special way, so only turn to this if you find an animation written with Animated is sluggish.

    The main goal here is to reduce the number of round trips between JavaScript and native code. The library's implementation changed from v1 to v2, but the goal is still the same).

    To learn more: https://blog.swmansion.com/introducing-reanimated-2-752b913af8b3

    Want to learn React Native in-depth?

    If you like React Native Express, you'll love my new book, Fullstack React Native: The complete guide to React Native! Throughout the book, we'll build 7 full apps, covering complex topics like navigation, gestures, and native modules. We don't assume any knowledge of React or newer JavaScript language features, so you can dive right in regardless of your experience level. The book comes in PDF, EPUB and MOBI formats.

    Looking for more help?

    Infinite Red sponsors React Native Express and is the premier React Native agency. They're also the team behind the React Native newsletter, podcast, and conference listed here. Get in touch at infinite.red/react-native for a proposal on your next project!