React Native at Scale With NFL

youtube-cover
Subtitles
Show

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Timestamps
Show

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Listen on Spotify
Watch on YouTube
Listen on SoundCloud
Listen on Apple Podcasts
Guests
Michael Blanchard
Director of Engineering
@
NFL

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Show Transcript

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, 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

Summary

Facing complex cross-platform challenges?

We help deliver consistent experiences across platforms with one codebase.

Let’s chat
Link copied to clipboard!
//
Insights

Learn more about

Cross-Platform

Here's everything we published recently on this topic.

Sort
//
Cross-Platform

We can help you move
it forward!

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

Code Sharing

Implement effective code-sharing strategies across all platforms to accelerate shipping and reduce code duplication.

Migration to React Native

Plan and execute a migration from native or hybrid stacks to React Native with minimal disruption and clear technical direction.

Desktop App Development

Develop powerful cross-platform desktop applications that work across Linux, Windows and Mac.

Web App Development

Build a solid foundation that meets latest standards and scales easily to other platforms in the future.