Performance
46:24
5/15/2024

Creating Performant React Native Animations

youtube-cover
Listen on Spotify
Watch on YouTube
Listen on SoundCloud
Listen on Apple Podcasts
Guests
Łukasz Walczak
Software Engineer
@
Callstack
Catalin Miron
Creator
@
AnimateReactNative.com
Host

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

Need to boost your app’s performance?

We help React Native teams enhance speed, responsiveness, and efficiency.

Let’s chat

Expert Engineering

/

Architecture & Performance

Solve your hardest engineering challenges.

Point us at the code that's slow, flaky, or hard to ship. Our senior engineers come back with root causes and a prioritized fix plan.

  • Improve speed and stability
  • Remove engineering bottlenecks
  • Get the hard work done
  • Strengthen the foundation
Architecture & Performance
Performance

React Native Performance Optimization

AI Vibe Coding Cleanup

Native & Low-Level

React Native Modules Development

React Native Brownfield Integration

C++ Library Integration

Shared Native Core

Custom High-Performance Renderers

Architecture & Performance

Insights

Learn more about Performance

View all
cover

Jul 3Podcast

Why Nitro Is More Than a Faster Bridge

Marc Rousavy (Margelo) talks Nitro modules, native state, zero-copy data, Vision Camera, and why speed is only part of the story.

cover

May 25Article

Profile React Components in React Native Release Builds

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.

cover

Nov 21Article

Memory Ownership Models: When JavaScript Meets Native Code

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.

cover

Oct 14Article

From Files to Buffers: Building Real-Time Audio Pipelines in React Native

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.

cover

Sep 8Article

How to Add Custom JSI Bindings in Your TurboModule (and Why You Might Need Them)

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.

cover

Jul 24Article

Exploring Fibers: Cooperative Multitasking and Lock-Free Task Execution

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.

cover

May 21Article

Multithreading Isn’t Free: Performance Pitfalls Visualized

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.

Event Cover

Apr 28Webinar

Master JavaScript Performance in React Native (Part 2)

Learn to fix JS performance issues in React Native-from debounce bugs to Redux selectors, in this hands-on webinar with real code examples.

Events Cover

Apr 24Talk

Tips & Tricks From The Ultimate Guide to React Native Optimization 2025

View flattening, React 19 hooks, real DevTools tips-learn what actually helps your React Native app run faster.