---
title: "Learn Once, Write for VR: A React Native Showcase for Meta's HorizonOS"
description: "Learn how a React Native app was built for Meta's HorizonOS, proving its viability for creating performant, cross-platform mixed reality experiences."
url: https://www.callstack.com/blog/learn-once-write-for-vr-a-react-native-showcase-for-metas-horizonos
updated: 2026-10-24T08:39:32.472Z
---

# Learn Once, Write for VR: A React Native Showcase for Meta's HorizonOS

Learn how a React Native app was built for Meta's HorizonOS, proving its viability for creating performant, cross-platform mixed reality experiences.

_By Jan Jaworski, Software Engineer @ Callstack · Published 2025-10-08 · Category: Virtual Reality_

![](https://www.callstack.com/assets/68e6461ca62c3747880314b5_React-Native-Showcase-for-Meta's-HorizonOS.webp)

[React Conf 2025](https://conf.react.dev/) is on, and what’s the best way to celebrate?

By creating a demo React Native app for Meta Quest (running Horizon OS), of course! This will show how easy it is for developers to use their existing cross-platform mobile and desktop development skills to build VR apps for Quest.

Last year, we showcased that React is actually pretty good at [handling spatial interfaces](https://conf2024.react.dev/talks/21). This year, since learned that Meta built Instagram for Meta Quest with React Native, we couldn’t help but try it out and see what the experience is like on this platform.

Let’s dive into it!

## What’s Horizon OS?

[Horizon OS](https://developers.meta.com/horizon) is the operating system for Meta VR headsets. It’s built on the Android Open Source Project, so developers familiar with Android already have a strong foundation.

Because of this shard base, porting existing apps is relatively simple  and usually requires only minor adjustments for the VR form factor.

## Why did we create the React Native showcase app?

We built a showcase app for Horizon OS to demonstrate that React Native’s “learn once, write anywhere” principle still holds true a decade after its launch. Our goals were to:

- Evaluate the setup process and compare it with mobile development workflows.
- Show how React Native can be applied to VR development.
- Provide a real example of cross-platform code reuse in action.

## What’s different from mobile platforms?

VR introduces new interaction models and technical requirements compared to mobile:

- **Input:** Instead of touch, VR uses controllers or hand tracking.
- **Environment:** Apps exist in 3D space, can be moved around and resized, and need new UX patterns.
- **Development:** Running and debugging often requires a physical headset.
- **Native library support:** HorizonOS does not have Google Play Services, so some Android native libraries may not work out of the box.

## Prerequisites

To build for Horizon OS, you’ll need some platform-specific setup:

- **Android tools:** If you’ve set up with Android setup before, this should feel familiar. Follow [the official docs](https://developers.meta.com/horizon/documentation/android-apps/enable-developer-mode).
- **React Native environment:** If you don’t already have React Native installed, follow [these docs](https://reactnative.dev/docs/set-up-your-environment).

## Goals we set out to achieve

- Prove React Native works on Meta Quest VR headsets and is a viable solution for mixed reality apps, just like with our previous work on [Vision Pro](https://www.callstack.com/blog/apple-vision-pro-insights-from-conferences-and-beyond).
- Use the same battle-tested tools and codebases that developers already trust, changing only what’s necessary for VR.
- Validate that React Native apps can deliver native-level performance in VR’s higher demand environment. Test populate React Native libraries for VR compatibility.
- Ensure debugging and profiling tools ([React Native DevTools](https://reactnative.dev/docs/react-native-devtools), [Rozenite](https://github.com/callstackincubator/rozenite), etc.) remain productive.

## Did we reach our goals?

Well, see for yourself below!

Our showcase app demonstrates camera integration, audio playback, and link sharing using popular React Native libraries such as [React Native Vision Camera](https://github.com/mrousavy/react-native-vision-camera), [React Native Track Player](https://github.com/doublesymmetry/react-native-track-player), and [React Native SVG](https://github.com/software-mansion/react-native-svg).

Under the hood, we’re using native navigation through [React Navigation](https://reactnavigation.org/) and [Reanimated](https://github.com/software-mansion/react-native-reanimated/) to achieve beautiful and performant animations.

Your browser does not support the video tag.

Also, check out the [source code on GitHub](https://github.com/callstack/react-native-horizonos-example).

And stay tuned for more resources on building with React Native for Meta Horizon.