Lessons from Shopify's Migration to React Native with Mustafa Ali

Guest

Mustafa Ali

Director of Engineering

Shopify

Host

Mike Grabowski

CEO & Founder

Callstack

This React Universe On Air episode is the culmination of a four-year-long journey. How come?

In 2020, Shopify decided to switch to React Native for both new and existing apps. In November 2024, the migration of their mobile app was officially over, resulting in a remarkable 86% unification of code across platforms and a streamlined development process that stems from eliminating 1.8 million lines of redundant code, reducing build times, and achieving seamless feature parity between iOS and Android.

Much like every transformative journey, this migration to React Native is a rich source of lessons learned about embracing the cross-platform approach for a better development process, app performance, and business results.

How Shopify benefits from migration to React Native

This episode is a double comeback: not only is React Native At Scale back, but we’re also happy to see Mike Grabowiski again as the podcast host! The third reason to celebrate is the topic of this episode: Shopify finishing the migration of its mobile app to React Native. To take a closer look at the decision-making process involved in this transformation, we invited Mustafa Ali, Shopify's Director of Engineering.

Throughout the episode, Mustafa shares the motivation behind the change, including the desire to avoid duplicating efforts across platforms and enable developers to work smoothly across both web and mobile. He discusses the challenges faced during the migration, such as ensuring performance parity in their high-usage point-of-sale app, where speed and reliability are crucial.

Mustafa also shares how Shopify initially evaluated various technologies, ultimately choosing React Native because of its alignment with their existing JavaScript and TypeScript expertise and the framework’s support from Meta. He emphasizes the critical role of native developers in maintaining high performance and user experience, detailing how they tackled performance issues head-on.

Learn more about Brownfield

View all

Oct 9Talk

React Native Brownfield Deep Dive: How RN Moves Into Native Applications

Artur Morys-Magiera will explain how React Native can move into an existing native app without forcing a big-bang rewrite.

Aug 27Article

React Native in .NET MAUI: A Practical Brownfield Integration Guide

Learn how to embed React Native inside a .NET MAUI app with a brownfield setup. This guide covers runtime packaging, lifecycle wiring, navigation, and shared state across both runtimes.

Aug 27Talk

Adoption of Brownfield in React Native

Artur Morys-Magiera will explain how teams can adopt React Native incrementally inside existing native applications.

Aug 3Article

Migration to React Native in 2026 Starts With a Delivery Question

Choosing between brownfield and greenfield React Native migration? Learn where risk sits, when to use a checkpoint, and what to prove before committing.

Jul 8Article

How we made Hybrid iOS apps compile 39% faster with React Native Brownfield

See how React Native Brownfield uses iOS prebuilts to cut packaging times by up to 39% for hybrid apps, with details on setup, internals, and benchmark results.