The NFL runs on tight deadlines. Every kickoff and Super Bowl demands that millions of fans get flawless live video, stats, and fantasy features, whether they’re on iPhones, Xboxes, or connected TVs.
In this episode of React Universe On Air, Mike Grabowski talks with Michael Blanchard (Director of Engineering at the NFL), about how React Native became the backbone of this high-pressure, multi-platform ecosystem.
Michael shares his journey from web engineer to leading NFL’s engineering teams across nfl.com, three mobile apps, a cross-platform video player, and a suite of connected TV apps. Together with Mike, he explores the NFL’s migration strategy, the transition from Haul/Webpack to Metro and Expo, and the cultural shifts that helped merge web and native engineers into one collaborative team.
You’ll learn:
➡️ Why the NFL went full Greenfield (twice)
➡️ How NFL+ shaped their second rewrite
➡️ Lessons from moving from Haul/Webpack to Metro
➡️ How Expo SDKs gradually replaced community libraries
➡️ How GitHub Actions + EAS Build reshaped their CI/CD pipeline
➡️ Strategies for handling 20–30 PRs daily in a monorepo
➡️ How React Native powers mobile, web, and multiple connected TVs
➡️ What cultural shifts enabled true cross-platform collaboration
Catch more React Universe On Air episodes 🎧 https://clstk.com/4gp8Cw5
Sign up for our newsletter ✉️ https://clstk.com/4mfmRof
Follow us on X 🐦 https://x.com/callstackio
Chapters:
00:00 Welcome to the React Universe
01:35 Meet Michael Blanchard from NFL
03:03 NFL's digital presence and platforms
04:24 React Native in NFL's mobile apps
08:32 How React spread across all platforms
11:47 Collaboration between web and native teams
18:11 Technical decisions regarding different platforms
23:48 V2 of NFL's flagship app
25:14 Choosing migration strategy
30:10 Maintaining more product versions
34:33 Adopting Expo
42:10 Modernizing CI/CD
46:48 Team structure and workflow at NFL
53:29 Final thoughts
All content for React Universe On Air is the property of Callstack and is served directly from their servers
with no modification, redirects, or rehosting. The podcast is not affiliated with or endorsed by Podjoint in any way.
The NFL runs on tight deadlines. Every kickoff and Super Bowl demands that millions of fans get flawless live video, stats, and fantasy features, whether they’re on iPhones, Xboxes, or connected TVs.
In this episode of React Universe On Air, Mike Grabowski talks with Michael Blanchard (Director of Engineering at the NFL), about how React Native became the backbone of this high-pressure, multi-platform ecosystem.
Michael shares his journey from web engineer to leading NFL’s engineering teams across nfl.com, three mobile apps, a cross-platform video player, and a suite of connected TV apps. Together with Mike, he explores the NFL’s migration strategy, the transition from Haul/Webpack to Metro and Expo, and the cultural shifts that helped merge web and native engineers into one collaborative team.
You’ll learn:
➡️ Why the NFL went full Greenfield (twice)
➡️ How NFL+ shaped their second rewrite
➡️ Lessons from moving from Haul/Webpack to Metro
➡️ How Expo SDKs gradually replaced community libraries
➡️ How GitHub Actions + EAS Build reshaped their CI/CD pipeline
➡️ Strategies for handling 20–30 PRs daily in a monorepo
➡️ How React Native powers mobile, web, and multiple connected TVs
➡️ What cultural shifts enabled true cross-platform collaboration
Catch more React Universe On Air episodes 🎧 https://clstk.com/4gp8Cw5
Sign up for our newsletter ✉️ https://clstk.com/4mfmRof
Follow us on X 🐦 https://x.com/callstackio
Chapters:
00:00 Welcome to the React Universe
01:35 Meet Michael Blanchard from NFL
03:03 NFL's digital presence and platforms
04:24 React Native in NFL's mobile apps
08:32 How React spread across all platforms
11:47 Collaboration between web and native teams
18:11 Technical decisions regarding different platforms
23:48 V2 of NFL's flagship app
25:14 Choosing migration strategy
30:10 Maintaining more product versions
34:33 Adopting Expo
42:10 Modernizing CI/CD
46:48 Team structure and workflow at NFL
53:29 Final thoughts
Lessons from Shopify's Migration to React Native with Mustafa Ali | React Universe On Air #46
React Universe On Air
42 minutes 15 seconds
10 months ago
Lessons from Shopify's Migration to React Native with Mustafa Ali | React Universe On Air #46
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.
Let’s take a closer look at the decision-making process involved in this transformation with Mike Grabowski (@grabbou at X) as our host and Mustafa Ali (@mustafa01ali at X), Shopify's Director of Engineering, as his guest.
Learn about the motivations for this change, such as reducing duplicated efforts and enabling seamless developer collaboration across web and mobile, the challenges faced, particularly in optimizing performance for their high-usage point-of-sale app, and the essential role of native developers in ensuring exceptional app performance and user experience.
Check out episode resources on our website 🧠 https://hubs.li/Q031_HNC0
Download free React Native Migration Guide 📖 https://hubs.li/Q031_Hxy0
Share your feedback on this episode ✨ https://bit.ly/feedback46
Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q030Y5mp0
Check out other episodes of our podcast 🎧 https://hubs.li/Q031_Qmf0
Follow us on X 🐦 https://twitter.com/callstackio
React Universe On Air
The NFL runs on tight deadlines. Every kickoff and Super Bowl demands that millions of fans get flawless live video, stats, and fantasy features, whether they’re on iPhones, Xboxes, or connected TVs.
In this episode of React Universe On Air, Mike Grabowski talks with Michael Blanchard (Director of Engineering at the NFL), about how React Native became the backbone of this high-pressure, multi-platform ecosystem.
Michael shares his journey from web engineer to leading NFL’s engineering teams across nfl.com, three mobile apps, a cross-platform video player, and a suite of connected TV apps. Together with Mike, he explores the NFL’s migration strategy, the transition from Haul/Webpack to Metro and Expo, and the cultural shifts that helped merge web and native engineers into one collaborative team.
You’ll learn:
➡️ Why the NFL went full Greenfield (twice)
➡️ How NFL+ shaped their second rewrite
➡️ Lessons from moving from Haul/Webpack to Metro
➡️ How Expo SDKs gradually replaced community libraries
➡️ How GitHub Actions + EAS Build reshaped their CI/CD pipeline
➡️ Strategies for handling 20–30 PRs daily in a monorepo
➡️ How React Native powers mobile, web, and multiple connected TVs
➡️ What cultural shifts enabled true cross-platform collaboration
Catch more React Universe On Air episodes 🎧 https://clstk.com/4gp8Cw5
Sign up for our newsletter ✉️ https://clstk.com/4mfmRof
Follow us on X 🐦 https://x.com/callstackio
Chapters:
00:00 Welcome to the React Universe
01:35 Meet Michael Blanchard from NFL
03:03 NFL's digital presence and platforms
04:24 React Native in NFL's mobile apps
08:32 How React spread across all platforms
11:47 Collaboration between web and native teams
18:11 Technical decisions regarding different platforms
23:48 V2 of NFL's flagship app
25:14 Choosing migration strategy
30:10 Maintaining more product versions
34:33 Adopting Expo
42:10 Modernizing CI/CD
46:48 Team structure and workflow at NFL
53:29 Final thoughts
