/react-native-macos

React Native for macOS is an experimental fork for writing desktop apps using Cocoa
  1. JavaScript 34.2%
  2. Java 29.1%
  3. Objective-C 22.0%
  4. C++ 9.0%
  5. C 1.8%
  6. Python 1.4%
  7. Other 2.5%
JavaScript Java Objective-C C++ C Python Other

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Latest commit e4290f7 May 7, 2017 @ptmt 0.12.0
Permalink
Failed to load latest commit information.
.github Update Edit on GitHub links to point to master Aug 4, 2016
Examples Merge pull request #125 from jhen0409/patch-2 Nov 25, 2016
IntegrationTests Update example Nov 7, 2016
JSCLegacyProfiler Sync with facebook/react-native@0.19 Jan 27, 2016
Libraries Implement onSubmitEditing for RCTTextField Apr 17, 2017
React Rename RCTAsyncLocalStorage_V1 to {Application_name} Apr 8, 2017
ReactAndroid Merge with upstream Aug 10, 2016
ReactCommon First step to boot rn apps with hot bytecode cache Aug 4, 2016
babel-preset Fixing Issue #7526 May 26, 2016
blog update blog with misc minor requests Jul 6, 2016
bots Merge with upstream Aug 10, 2016
docs Merge with upstream Aug 10, 2016
flow Initial implementation of requestIdleCallback on Android Jul 14, 2016
jestSupport Clean and fix Flow and Jest Aug 12, 2016
keystores Added ability to run Movies app with BUCK Feb 26, 2016
lib Add forwarding modules for modules required by React May 10, 2016
local-cli Fix description Oct 7, 2016
packager Allow react-native-macos package.json shims Feb 11, 2017
react-native-cli Sync up with 0.26.0 May 13, 2016
react-native-macos-cli Merge with upstream Aug 10, 2016
scripts Test multiple SDKs in Travis. Jan 4, 2017
website Replace npmcdn.com with unpkg.com Sep 2, 2016
.buckconfig Allow building UIExplorer with Buck Apr 12, 2016
.editorconfig Sync with facebook/react-native@0.19 Jan 27, 2016
.eslintignore [ReactNative] clean lint in all of Libraries/ May 19, 2015
.eslintrc Initial implementation of requestIdleCallback on Android Jul 14, 2016
.flowconfig Merge pull request #125 from jhen0409/patch-2 Nov 25, 2016
.gitattributes Added a .gitattributes file, ensuring that Bash script source files (… Oct 14, 2015
.gitignore Another part of sync with 0.26.0 May 19, 2016
.npmignore Merge rnpm into react-native May 20, 2016
.travis.yml Test multiple SDKs in Travis. Jan 4, 2017
CONTRIBUTING.md Update Edit on GitHub links to point to master Aug 4, 2016
LICENSE Update license Mar 23, 2015
LICENSE-CustomComponents Add CustomComponents license Mar 26, 2015
LICENSE-docs More licenses Mar 25, 2015
LICENSE-examples More licenses Mar 25, 2015
PATENTS Update Patent Grant Apr 10, 2015
README.md fix: grammar fixes inside README text Feb 3, 2017
React.podspec Merge with upstream Aug 10, 2016
Releases.md Use --follow-tags instead of --tags Jul 4, 2016
Windows Fix tutorial link in README.md Jun 14, 2016
build.gradle Support non-standard path of Android Support Repository Apr 21, 2016
circle.yml Improved android e2e tests stability Jun 24, 2016
cli.js Breaking change: Move `bundle` to `private-cli` Oct 13, 2015
package.json 0.12.0 May 7, 2017
react.gradle --reset-cache no longer accept a boolean parameter. Aug 2, 2016
rn-cli.config.js Add a local packager config, so that react can find react-native when… Jul 5, 2016
runXcodeTests.sh Add suggested ‘view size’ powers to -[RCTShadowView setFrame:] Mar 1, 2016

README.md

React Native macOS (ex react-native-desktop)

Build macOS desktop applications using React Native and Cocoa.

Build Status npm version discord #react-native-platforms

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

Getting Started

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

Previous React Native experience is highly recommended.

$ npm install react-native-macos-cli -g
$ react-native-macos init MyProject
$ cd MyProject
$ open macos/MyProject.xcodeproj

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 library is still fairly new so proceed at your own risk. There has been no successful story for any React Native macOS application yet, so it's not proven by production use.

Community Help

Feel free to ask anything on #react-native-platforms channel on Reactiflux if you happen to run into problems.

Examples

UIExplorer

UIExplorer includes a set of component examples that illustrate their functionality. It also allows you to load external JavaScript bundle files through HTTP. Simply 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

Video Demo

Running a simple Chat app in React Native macOS.

Youtube play