React Native Compatibility

Summary:
**This PR depends on an unreleased version of `fbjs`, so DO NOT MERGE.**

When merged along with facebook/react-native#5084, facebook/fbjs#95, and whatever PR fixes facebook/react-native#4062 (which I will update this issue with when I push it), this fixes #26.

The changes to Relay itself are super minor here:

1. Remove the reliance on ReactDOM. The only use of ReactDOM is `unstable_batchedupdates`. So to fix, I abstracted the reference to `unstable_batchedupdates` to it's own module, and then took advantage of the "react-native" `package.json` option, supported by the React Native packager, to load the correct version of this function given the execution context.
2. Removed `react-dom` from peerDependencies (but kept it in devDependencies, for use in tests), and also upgrade the `fbjs` dependency to a (yet unreleased) version that provides better compatibility with React Native.
Closes #713

Reviewed By: yungsters

Differential Revision: D2872129

fb-gh-sync-id: f6ba6d06cfdde8ad8cbb0c7cd9d645f44f65e437

gulpfile.js

@@ -64,6 +64,7 @@ var babelOpts = {
   _moduleMap: objectAssign({}, require('fbjs/module-map'), {
     'React': 'react',
     'ReactDOM': 'react-dom',
+    'ReactNative': 'react-native',
     'StaticContainer.react': 'react-static-container',
   }),
 };

package.json

@@ -29,13 +29,12 @@
   },
   "dependencies": {
     "babel-runtime": "5.8.24",
-    "fbjs": "^0.5.1",
+    "fbjs": "^0.7.0",
     "react-static-container": "^1.0.0-alpha.1"
   },
   "peerDependencies": {
     "babel-relay-plugin": "0.6.3",
-    "react": "^0.14.0",
-    "react-dom": "^0.14.0"
+    "react": "^0.14.0"
   },
   "devDependencies": {
     "babel": "^5.8.25",
@@ -55,15 +54,15 @@
     "gulp-util": "^3.0.6",
     "jest-cli": "^0.8.1",
     "object-assign": "^3.0.0",
-    "react": "^0.14.0-rc",
-    "react-dom": "^0.14.0-rc",
+    "react": "^0.14.0",
+    "react-dom": "^0.14.0",
     "run-sequence": "^1.1.2",
     "webpack": "1.11.0",
     "webpack-stream": "^2.1.0"
   },
   "devEngines": {
-    "node": "4.x",
-    "npm": "2.x"
+    "node": ">=4.x",
+    "npm": ">=2.x"
   },
   "jest": {
     "rootDir": "",
@@ -73,6 +72,7 @@
     "persistModuleRegistryBetweenSpecs": true,
     "modulePathIgnorePatterns": [
       "<rootDir>/lib/",
+      "<rootDir>/src/(.*).native.js",
       "<rootDir>/node_modules/(?!(fbjs/lib/|react/lib/|fbjs-scripts/jest))"
     ],
     "preprocessorIgnorePatterns": [

src/.flowconfig

@@ -5,7 +5,7 @@
 .*/react-static-container/node_modules/.*
 
 [include]
-../node_modules/fbjs/flow/include
+../node_modules/fbjs/lib
 ../node_modules/fbjs/node_modules/promise
 ../node_modules/react
 ../node_modules/react-static-container/lib

src/container/RelayContainer.js

@@ -18,7 +18,6 @@ const ErrorUtils = require('ErrorUtils');
 const GraphQLFragmentPointer = require('GraphQLFragmentPointer');
 const GraphQLStoreQueryResolver = require('GraphQLStoreQueryResolver');
 const React = require('React');
-const ReactDOM = require('ReactDOM');
 const RelayContainerComparators = require('RelayContainerComparators');
 const RelayContainerProxy = require('RelayContainerProxy');
 const RelayFragmentReference = require('RelayFragmentReference');
@@ -47,6 +46,7 @@ const forEachObject = require('forEachObject');
 const invariant = require('invariant');
 const nullthrows = require('nullthrows');
 const prepareRelayContainerProps = require('prepareRelayContainerProps');
+const relayUnstableBatchedUpdates = require('relayUnstableBatchedUpdates');
 const shallowEqual = require('shallowEqual');
 const warning = require('warning');
 const isReactComponent = require('isReactComponent');
@@ -80,7 +80,7 @@ var containerContextTypes = {
 var storeData = RelayStoreData.getDefaultInstance();
 
 storeData.getChangeEmitter().injectBatchingStrategy(
-  ReactDOM.unstable_batchedUpdates
+  relayUnstableBatchedUpdates
 );
 
 /**
@@ -286,7 +286,7 @@ function createContainerComponent(
         var mounted = this.mounted;
         if (mounted) {
           var updateProfiler = RelayProfiler.profile('RelayContainer.update');
-          ReactDOM.unstable_batchedUpdates(() => {
+          relayUnstableBatchedUpdates(() => {
             this.setState(partialState, () => {
               updateProfiler.stop();
               if (isComplete) {

src/tools/__mocks__/relayUnstableBatchedUpdates.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+'use strict';
+
+module.exports = require.requireActual('relayUnstableBatchedUpdates');

src/tools/relayUnstableBatchedUpdates.js

@@ -0,0 +1,18 @@
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule relayUnstableBatchedUpdates
+ * @flow
+ * @typechecks
+ */
+
+'use strict';
+
+const ReactDOM = require('ReactDOM');
+
+module.exports = ReactDOM.unstable_batchedUpdates;

src/tools/relayUnstableBatchedUpdates.native.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule relayUnstableBatchedUpdates
+ */
+
+'use strict';
+
+const ReactNative = require('ReactNative');
+
+module.exports = ReactNative.unstable_batchedUpdates;