--- title: "React Native at Scale With NFL" description: "Discover how the NFL uses React Native, Expo, and a monorepo to ship apps across iOS, Android, web, and TV with one stack." url: https://www.callstack.com/podcasts/react-native-at-scale-with-nfl updated: 2026-10-24T08:39:43.328Z --- # React Native at Scale With NFL Discover how the NFL uses React Native, Expo, and a monorepo to ship apps across iOS, Android, web, and TV with one stack. _Guest: Michael Blanchard, Director of Engineering @ NFL · Host: Mike Grabowski, CEO & Founder @ Callstack · Published 2025-09-19 · Duration 55:33 · Category: Cross-Platform_ Listen: [YouTube](https://youtu.be/gJdydItq6tE) · [Spotify](https://open.spotify.com/episode/6T3CCc5hbD4RH2Cg4hwNYm?si=Ye9_kpcCRCW9cV_PzongCg) · [Apple Podcasts](https://podcasts.apple.com/us/podcast/react-native-at-scale-with-nfl/id1525543072?i=1000731783921) · [SoundCloud](https://soundcloud.com/user-985069846/react-native-at-scale-with-nfl) For the NFL, technology is as time‑sensitive as the game itself. Millions of fans expect live video and stats to work flawlessly across devices, from iPhones to Xboxes, every game day. Behind the scenes, that means building and maintaining apps for mobile, web, and a long list of connected TVs under unmovable deadlines like kickoff and the Super Bowl. 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 foundation for this high‑pressure, multi‑platform ecosystem. ## Guest & episode summary Michael Blanchard has spent nearly nine years at the NFL, starting as a web engineer before stepping into the Director of Engineering role. Today he leads teams responsible for [nfl.com](http://nfl.com/), three mobile apps (NFL, Fantasy, Network), a cross‑platform video player, and a suite of connected TV apps. His journey with React Native began when the NFL sought a faster way to deliver consistent fan experiences across platforms without multiplying team sizes. The episode’s host, Mike Grabowski, CTO and Founder at Callstack, brings both curiosity and deep technical grounding as he unpacks the NFL’s migration strategy, their evolution from Haul/Webpack to Metro and Expo, and the cultural shifts that enabled engineers from web and native backgrounds to collaborate in one monorepo. ### React Native adoption decisions The NFL didn’t tiptoe into React Native. Instead, they merged web, iOS, and Android teams into a single front‑end group and started a full greenfield project to replace their flagship app in time for the 2018 season. A few years later, they launched a second rewrite to align with new product goals like NFL+, showing how technical resets can serve evolving business needs. ### Journey to React Native From custom Webpack builds and React Native Navigation to Metro bundler and React Navigation, the NFL’s setup has shifted with the ecosystem. Michael details how Expo SDKs gradually replaced community libraries, why their video player still requires custom native work, and how Expo fingerprinting keeps builds efficient. The NFL journey illustrates a balance of pragmatism and adoption of modern tooling. ### Technical operations and tooling The team’s CI/CD story spans from Jenkins and Fastlane to a modern GitHub Actions pipeline powered by EAS Build. With 20-30 developers submitting PRs daily, selective builds, unit test optimizations, and smart caching are critical to keeping engineering velocity high. Their monorepo structure allows shared libraries across mobile, web, and TV while keeping ownership boundaries clear. ### Team evolution Adopting React Native meant reshaping the NFL development team as well. Web and native engineers started from zero together, learning new primitives, collaborating on bridging, and sharing ownership of components. Some engineers transitioned fully into React Native, while others pursued native‑first roles. The result is a culture where experimentation with Expo, Next.js, and React Native Web is encouraged, and delivery is measured against game‑day deadlines. ## What you’ll learn - Why the NFL chose a full greenfield strategy twice - How business milestones like NFL+ shaped technical resets - What lessons came from moving from Haul/Webpack to Metro - How Expo SDKs gradually replaced community packages - How GitHub Actions and EAS Build transformed their CI/CD pipeline - Strategies for managing 20–30 PRs daily across a monorepo - How React Native powers not only mobile, but also web and multiple connected TVs - What cultural shifts helped web and native engineers work as one team ## Resources - Mike Grabowski on [X](https://x.com/grabbou), [LinkedIn](https://www.linkedin.com/in/grabbou/), and [GitHub](https://github.com/grabbou) - Michael Blanchardon [X](https://x.com/miblanchard), [LinkedIn](https://www.linkedin.com/in/miblanchard12/), and [GitHub](https://github.com/miblanchard) - [NFL apps and digital products](https://www.nfl.com/) - [Michael Blanchard’s talk at App.js Conf 2025: Scaling Enterprise CI/CD: A Migration Success Story](https://youtu.be/TV2M_LhE0xY?feature=shared) Insights ## Learn more about Cross-Platform Here's everything we published recently on this topic. [View all](https://www.callstack.com/insights) - [Sparkling: The Missing App Layer for Lynx.js?](https://www.callstack.com/blog/sparkling-the-missing-app-layer-for-lynx-js) (Feb 27 · Article): A hands-on look at Sparkling for Lynx.js: CLI, native navigation, and the tooling layer that turns Lynx into a full mobile app framework. - [Sparkling: A New Framework for Lynx](https://www.callstack.com/events/sparkling-a-new-framework-for-lynx) (Feb 12 · Live Stream): Join the Lynx team live as we explore Sparkling, its boundaries with Lynx, core features, and bootstrap a project from scratch. - [Visualizing the Dual-Thread Model of Lynx JS](https://www.callstack.com/blog/visualizing-the-dual-thread-model-of-lynx-js) (Dec 19 · Article): A practical look at Lynx JS’s dual-thread runtime, using real examples to show how main and background threads behave under load. - [Two Threads of Lynx.js Part 2](https://www.callstack.com/events/two-threads-of-lynx-js-part-2) (Dec 2 · Live Stream): Learn how Lynx.js uses a dual-threaded model, how its APIs work, and what it means for performance in this live session with Lukasz Chludzinski and Kewin Wereszczynski. - [Exploring Lynx.js and Its Two-Thread Runtime](https://www.callstack.com/events/two-threads-of-lynx-js) (Nov 27 · Live Stream): A recap of our live session exploring how Lynx.js splits work across a main thread and a background thread. - [Introducing Solito 5 and the Web-Native Mindset](https://www.callstack.com/events/exploring-solito-5-building-cross-platform-apps-with-react-and-react-native) (Nov 20 · Live Stream): Join us on November 20 for a deep dive into Solito 5 with its creator, Fernando Rojo, and the Callstack team. - [Inside Valdi: What We Learned Exploring Snapchat’s New UI Framework](https://www.callstack.com/events/valdi-snapchats-new-cross-platform-framework) (Nov 13 · Live Stream): A hands-on look at Valdi, Snapchat’s new UI framework: setup, architecture, rendering model, and early developer impressions. - [My First Few Months With Lynx.js](https://www.callstack.com/events/my-first-few-months-with-lynx-js) (Nov 12 · Talk): Is Lynx.js the next big thing in UI? Łukasz shares a newcomer's journey with the framework from TikTok's creators, revealing the good, the bad, and crucial lessons he learned. - [Exploring Lynx JS: From Quick Start to CLI Workflows](https://www.callstack.com/blog/exploring-lynx-js-from-quick-start-to-cli-workflows) (Nov 7 · Article): Learn how to set up Lynx JS, explore its ecosystem, and use the Community CLI to build native apps with a familiar JavaScript workflow.