Out-of-Tree Platforms

React Native is not only for Android and iOS devices - our partners and the community maintain projects that bring React Native to other platforms, such as:

From Partners

• React Native macOS - React Native for macOS and Cocoa.
• React Native Windows - React Native for Microsoft's Universal Windows Platform (UWP).

From Community

• alita - An experimental, comprehensive port of React Native to mini-program (微信小程序).
• React Native tvOS - React Native for Apple TV and Android TV devices.
• React Native Web - React Native on the web using React DOM.
• Valence Native - A wrapper for React Native, using Qt to target Linux, macOS, and Windows. Forked from Proton Native which is no longer maintained.

Creating your own React Native platform

Right now the process of creating a React Native platform from scratch is not very well documented - one of the goals of the upcoming re-architecture (Fabric) is to make maintaining a platform easier.

Bundling

As of React Native 0.57 you can now register your React Native platform with React Native's JavaScript bundler, Metro. This means you can pass --platform example to npx react-native bundle, and it will look for JavaScript files with the .example.js suffix.

To register your platform with RNPM, your module's name must match one of these patterns:

• react-native-example - It will search all top-level modules that start with react-native-
• @org/react-native-example - It will search for modules that start with react-native- under any scope
• @react-native-example/module - It will search in all modules under scopes with names starting with @react-native-

You must also have an entry in your package.json like this:

{
  "rnpm": {
    "haste": {
      "providesModuleNodeModules": ["react-native-example"],
      "platforms": ["example"]
    }
  }
}

"providesModuleNodeModules" is an array of modules that will get added to the Haste module search path, and "platforms" is an array of platform suffixes that will be added as valid platforms.