--- title: "Creating Performant React Native Animations" description: "Animations and performance: friends or foes? Tune in to learn how not to break your React Native app's user experience." url: https://www.callstack.com/podcasts/creating-performant-react-native-animations updated: 2026-10-24T08:39:42.241Z --- # Creating Performant React Native Animations Animations and performance: friends or foes? Tune in to learn how not to break your React Native app's user experience. _Guests: Łukasz Walczak, Software Engineer @ Callstack; Catalin Miron, Creator @ AnimateReactNative.com · Host: Łukasz Chludziński, Engineering Manager @ Callstack · Published 2024-05-15 · Duration 46:24 · Category: Performance_ Listen: [YouTube](https://youtu.be/1XWmlgTYJ6k) · [Spotify](https://open.spotify.com/episode/0khYSMbII2e0WRJWOl5Nxq?si=LL-ok9m2QPapj5bA6ipaVQ) · [Apple Podcasts](https://podcasts.apple.com/us/podcast/creating-performant-react-native-animations-the-react/id1525543072?i=1000655639015) · [SoundCloud](https://soundcloud.com/user-985069846/creating-performant-react-native-animations-the-react-native-show-podcast-37/s-VIZxFWLOpB8?si=411ac9cee4e74a929a9167b9fdcfca37&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing) In this episode, we discuss all things animations in React Native, from the theory of their impact on performance to practical optimization techniques. Hosted by Łukasz Chludziński, Catalin Miron and Łukasz Walczak share their insights on leveraging animations effectively in React Native app development, highlighting their fundamental role in enhancing user interactions and experience. ## React Native animation best practices & performance insights - Aesthetic and functional aspects of animations - How animations make or break user experience - Impact of animation tools and techniques on app performance - Implementing animations in React Native apps: challenges and practical tips - Dos and don'ts of creating performant animations - AnimateReactNative.com from the creator’s and user’s perspective ## Essential React Native animation learning resources - [React Native Animations in 2023 and Beyond](https://youtu.be/WTfZJ9TreFc?si=cryjAeVBSqpVoOru): Catalin’s talk at React Native EU 2023 - [React Native EU’s interview with Catalin](https://youtu.be/VB4jBTCPboM?si=JvnQBKHfPu6dIM6F) - [React Native Stagger](https://github.com/animate-react-native/stagger), a cross-platform stagger orchestrator component, powered by Reanimated - [React Native Marquee](https://github.com/animate-react-native/marquee), a cross-platform marquee component, powered by Reanimated - [AnimateReactNative.com](http://animatereactnative.com) Insights ## Learn more about Performance Here's everything we published recently on this topic. [View all](https://www.callstack.com/insights) - [Why Nitro Is More Than a Faster Bridge](https://www.callstack.com/podcasts/why-nitro-is-more-than-a-faster-bridge) (Jul 3 · Podcast): Marc Rousavy (Margelo) talks Nitro modules, native state, zero-copy data, Vision Camera, and why speed is only part of the story. - [Profile React Components in React Native Release Builds](https://www.callstack.com/blog/profile-react-components-in-react-native-release-builds) (May 25 · Article): Learn how to profile React components in React Native release builds with @callstack/inspector, using an Expo app setup that requires zero native code changes. - [Memory Ownership Models: When JavaScript Meets Native Code](https://www.callstack.com/blog/memory-ownership-models-when-javascript-meets-native-code) (Nov 21 · Article): A deep dive into how React Native handles memory when JavaScript and native code share ArrayBuffer data. Learn why async processing can break, how GC affects raw pointers, and the safe patterns for building high-performance native integrations. - [From Files to Buffers: Building Real-Time Audio Pipelines in React Native](https://www.callstack.com/blog/from-files-to-buffers-building-real-time-audio-pipelines-in-react-native) (Oct 14 · Article): Learn how to move beyond file-based audio APIs and work directly with in-memory PCM data in React Native. This guide shows how to construct WAV buffers, use JSI for zero-copy transfers, and enable real-time audio processing. - [How to Add Custom JSI Bindings in Your TurboModule (and Why You Might Need Them)](https://www.callstack.com/blog/how-to-add-custom-jsi-bindings-in-your-turbomodule-and-why-you-might-need-them) (Sep 8 · Article): TurboModules provide a type-safe way to write native code in React Native. JSI sits underneath as a lower-level API, enabling direct interaction with the JavaScript runtime. Beyond what TurboModules expose, JSI gives you access to powerful features, such as working directly with ArrayBuffers. This article shows how to inject a custom binding step by step. - [Exploring Fibers: Cooperative Multitasking and Lock-Free Task Execution](https://www.callstack.com/blog/exploring-fibers-cooperative-multitasking-and-lock-free-task-execution) (Jul 24 · Article): Explore how fibers enable lightweight, cooperative multitasking. This guide walks through building a simple scheduler, managing task dependencies without locks, and using Tracy to visualize performance. - [Multithreading Isn’t Free: Performance Pitfalls Visualized](https://www.callstack.com/blog/multithreading-isnt-free-performance-pitfalls-visualized) (May 21 · Article): Learn how to profile and optimize multithreaded apps. Discover why more threads don’t always mean faster results and how bad thread contention really is. - [Master JavaScript Performance in React Native (Part 2)](https://www.callstack.com/events/master-javascript-performance-in-react-native-part-2) (Apr 28 · Webinar): Learn to fix JS performance issues in React Native-from debounce bugs to Redux selectors, in this hands-on webinar with real code examples. - [Tips & Tricks From The Ultimate Guide to React Native Optimization 2025](https://www.callstack.com/events/tips-tricks-from-the-ultimate-guide-to-react-native-optimization-2025) (Apr 24 · Talk): View flattening, React 19 hooks, real DevTools tips-learn what actually helps your React Native app run faster.