/

/

/

/

/

3/26/2025

Online

Running WASM in React Native Apps

Date

Wednesday, March 26, 2025

Time

Location

Barcelona, Spain

Online

Running WASM in React Native Apps

Find out about executing WASM in React Native, the challenges of JIT restrictions on iOS, and how Callstack's wasm2c solution enables performant native modules.

Date

26 March 2025

-

Time

Location

Barcelona, Spain

Online

Running WASM in React Native Apps

Video Unavailable

Organizer

Organizer

Presented

WASM I/O

@

Speakers

Speakers

Featuring

Kræn Hansen

Software Engineer

@

MongoDB

Robert Pasiński

React Native Developer

@

Callstack

Featuring

Kræn Hansen

Software Engineer

@

MongoDB

Robert Pasiński

React Native Developer

@

Callstack

As building cross-platform mobile and desktop apps in React Native (OSS by Meta) is ever increasing. As the ecosystem is closing the gap towards Web-APIs, it is increasingly feasible to build performant and truly universal apps and libraries. The latest advancement is the ability to execute WASM in a React Native app.

In this talk, Robert and Kræn will talk about their naive approach of implementing a native module for React Native, exposing the Wasmer runtime, which turned out to be really slow, mainly because of the restriction on iOS devices that apps are not allowed to perform just-in-time compilation on devices. This however is balanced with the React Native platform’s ability to run ahead-of-time compiled native code and the current solution, built and maintained by Callstack, uses wasm2c to build native modules for React Native.

‍

Need to boost your app’s performance?

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

Link copied to clipboard!

Share

//

Save my spot

Running WASM in React Native Apps

Find out about executing WASM in React Native, the challenges of JIT restrictions on iOS, and how Callstack's wasm2c solution enables performant native modules.

//

Insights

Learn more about Performance

Here's everything we published recently on this topic.

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.

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.

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.

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.

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.

Profiling React Native Internals with Tracy for Peak Performance

Learn how to profile React Native internals with Tracy to uncover bottlenecks, optimize performance, and gain deep insights into your app’s native behavior.

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.

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.

User-Focused Performance Tracking

Discover how Expensify defines and tracks performance metrics that actually impact user experience.

React Native FastIO: Nitro-Powered Performance Boost

Listen to Mike Grabowski talk about React Native FastIO, a collection of primitives for working with data in React Native and its performance benefits.

Superfast Nitro Modules With Marc Rousavy

Even faster React Native apps? That's possible with Nitro Modules! Tune in to the conversation with their creator, Marc Rousavy.

What's New in Reassure 1.0

Find out how to monitor React and React Native performance better than ever before with Reassure's new features.

//

Performance

We can help you move
it forward!

At Callstack, we work with companies big and small, pushing React Native everyday.

Check our offer

React Native Performance Optimization

Improve React Native apps speed and efficiency through targeted performance enhancements.

New Architecture Migration

Migrate confidently to React Native’s New Architecture to keep shipping features, unlock new platform capabilities, and stay fully compatible with upcoming releases.

Monitoring & Observability

Enable production-grade monitoring and observability for React Native apps with real-time insights and alerts.

Release Process Optimization

Ship faster with optimized CI/CD pipelines, automated deployments, and scalable release workflows for React Native apps.