/ Open Source Apps

Build macOS desktop applications using React Native

Build macOS desktop applications using React Native

React Native macOS (ex react-native-desktop)

React Native for macOS is an experimental fork for writing desktop apps using Cocoa.

<View>
  <Button onPress={() => alert('clicked!')} />
</View>

Getting Started

Node 4.x+, OS X 10.11+ required.

Previous React Native experience is highly recommended.

$ npm install react-native-macos-cli -g
$ react-native-macos init MyProject
$ cd MyProject
$ react-native-macos run-macos

If you want to add macOS target to the existing iOS/Android/Windows project, make the steps above, merge this new folder into your current React Native project, then put rn-cli.config.js in the root.

Documentation

Since React Native macOS is just a fork, you can follow the same instructions on the React Native Documentation.

Disclaimer

React Native macOS is a fork of React Native for iOS. The project is still a fairly new so proceed at your own risk.

Community Help

Please use these community resources for getting help. We use the GitHub issues for tracking bugs and feature requests and have limited bandwidth to address them.

  • Ask a question on StackOverflow and tag it with react-native-macos
  • Chat with us on Reactiflux in #react-native-platforms (mentioning @ptmt)
  • DM @ptmt on twitter

Examples

RNTesterApp

RNTesterApp includes a set of component examples that illustrate their functionality. It also allows you to load external JavaScript bundle files through HTTP. Just copy and paste a URL into the Search Field.

Download UIExplorer

screenshot 2016-03-31 21 06 33

screenshot 2016-03-31 21 00 30

screenshot 2015-10-24 16 40 36

GitHub