WhoBuilt

React Native for TV App Development

Dec 13, 2023· 1 h 1 min· 2.7K views·Watch on YouTube

Speakers

Łukasz Chludziński of Callstack talks with Xite engineers Yao and Carol about React Native TV development, its target platforms, benefits, and constraints.

A fragmented TV market

The guests describe a broad device landscape: smart TVs, streaming sticks and set-top boxes, plus consoles and other screens. Platforms include Android TV, tvOS, Roku, Samsung Tizen, and LG webOS, with regional differences in their reach. Some Android TV operator-tier devices can use an app as their home screen.

Three ways to use React Native

The React Native TV fork adds TV support to React Native and targets Apple TV, Android TV, and Fire TV, including focus-management utilities for remote control input. React Native Web can extend shared components to browsers and web-based TV systems such as Tizen and webOS, but needs extra focus handling and platform-specific work. Brownfield approaches use React Native at the JavaScript layer while relying on a separate native system underneath.

Shared code and focus behavior

The guests say a shared React Native codebase can help teams reuse code and release features across platforms on a similar schedule. It can also make focus behavior more consistent across Android TV and tvOS, though their native focus engines still differ. The guests favor declarative focus management tied to component structure, while noting that teams must follow layout guidance for predictable navigation.

Performance and platform-specific work

Many TVs and streaming devices have limited memory and older processors, while video playback and richer screens add resource demands. The team sometimes disables animations on lower-end devices. Supporting multiple systems also takes custom bundler configuration, platform-specific components and flows, and replacements for libraries that do not support every target.

Expo and community support

The host says Expo TV support is in alpha and that its libraries are expected to support TV as well. Guests welcome stronger backing and encourage contributions to the React Native TV project, describing a small community that responds quickly to pull requests.

Takeaways

  • Map target devices and operating systems before choosing a React Native approach; TV platforms do not share a single web runtime.
  • Use the React Native TV fork for Android TV, Fire TV, and tvOS, and plan separate work for web-based TV systems.
  • Treat focus navigation as a core design concern: predictable behavior depends on both platform utilities and structured layouts.
  • Profile on low-end devices during video playback, and be ready to reduce animations or other UI costs.
  • Budget for platform-specific tooling, purchase flows, and library replacements even when most application code is shared.

Mentioned in this talk

Search inside this talk

What was claimed 11

Show all 11 facts

Related talks