From bf5abdf14f55b7f961097b48f78ee4ca7514fed4 Mon Sep 17 00:00:00 2001
From: Adam <gadtfly@users.noreply.github.com>
Date: Sun, 12 Mar 2017 08:29:10 -0700
Subject: [PATCH 01/14] Remove ref usage in main markdown example (#9160)

from [elsewhere in the docs](https://facebook.github.io/react/docs/refs-and-the-dom.html):

> Avoid using refs for anything that can be done declaratively.
---
 docs/_js/examples/markdown.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/_js/examples/markdown.js b/docs/_js/examples/markdown.js
index 696074cd65..f0cab2b8b0 100644
--- a/docs/_js/examples/markdown.js
+++ b/docs/_js/examples/markdown.js
@@ -6,8 +6,8 @@ class MarkdownEditor extends React.Component {
     this.state = {value: 'Type some *markdown* here!'};
   }
 
-  handleChange() {
-    this.setState({value: this.refs.textarea.value});
+  handleChange(e) {
+    this.setState({value: e.target.value});
   }
 
   getRawMarkup() {
@@ -21,7 +21,6 @@ class MarkdownEditor extends React.Component {
         <h3>Input</h3>
         <textarea
           onChange={this.handleChange}
-          ref="textarea"
           defaultValue={this.state.value} />
         <h3>Output</h3>
         <div

From f3a26c0f750f7b626cd461144d52e2b50381ad76 Mon Sep 17 00:00:00 2001
From: Ben Alpert <balpert@fb.com>
Date: Mon, 13 Mar 2017 08:46:20 -0700
Subject: [PATCH 02/14] Switch UMD build to use Fiber

---
 gulpfile.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gulpfile.js b/gulpfile.js
index 91cc987fb8..cea6003e62 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -145,7 +145,7 @@ var rendererSharedState = {
 
 var moduleMapReactDOM = Object.assign(
   {
-    'react-dom': './ReactDOM',
+    'react-dom': './ReactDOMFiber',
     'react-dom/lib/ReactInstanceMap': './ReactInstanceMap',
     'react-dom/lib/ReactTestUtils': './ReactTestUtils',
     'react-dom/lib/ReactPerf': './ReactPerf',

From 0d7b4d6dbacd3acd6632994c88d0603a9689caeb Mon Sep 17 00:00:00 2001
From: Ben Alpert <balpert@fb.com>
Date: Mon, 13 Mar 2017 08:54:41 -0700
Subject: [PATCH 03/14] 16.0.0-alpha.4

---
 package.json                                | 2 +-
 packages/react-addons/package.json          | 4 ++--
 packages/react-dom/package.json             | 4 ++--
 packages/react-native-renderer/package.json | 4 ++--
 packages/react-noop-renderer/package.json   | 2 +-
 packages/react-test-renderer/package.json   | 4 ++--
 packages/react/package.json                 | 2 +-
 src/ReactVersion.js                         | 2 +-
 8 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index a236574feb..965d861466 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-build",
   "private": true,
-  "version": "16.0.0-alpha.3",
+  "version": "16.0.0-alpha.4",
   "devDependencies": {
     "aliasify": "^2.0.0",
     "art": "^0.10.1",
diff --git a/packages/react-addons/package.json b/packages/react-addons/package.json
index c10bc8a2bc..9c32da9881 100644
--- a/packages/react-addons/package.json
+++ b/packages/react-addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-addons-template",
-  "version": "16.0.0-alpha.3",
+  "version": "16.0.0-alpha.4",
   "main": "index.js",
   "repository": "facebook/react",
   "keywords": [
@@ -13,7 +13,7 @@
     "object-assign": "^4.1.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0-alpha.3"
+    "react": "^16.0.0-alpha.4"
   },
   "files": [
     "LICENSE",
diff --git a/packages/react-dom/package.json b/packages/react-dom/package.json
index 8199e84752..c85856d87d 100644
--- a/packages/react-dom/package.json
+++ b/packages/react-dom/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-dom",
-  "version": "16.0.0-alpha.3",
+  "version": "16.0.0-alpha.4",
   "description": "React package for working with the DOM.",
   "main": "index.js",
   "repository": "facebook/react",
@@ -18,7 +18,7 @@
     "object-assign": "^4.1.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0-alpha.3"
+    "react": "^16.0.0-alpha.4"
   },
   "files": [
     "LICENSE",
diff --git a/packages/react-native-renderer/package.json b/packages/react-native-renderer/package.json
index 671e65f898..7d4c4e3ddc 100644
--- a/packages/react-native-renderer/package.json
+++ b/packages/react-native-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-renderer",
-  "version": "16.0.0-alpha.3",
+  "version": "16.0.0-alpha.4",
   "description": "React package for use inside react-native.",
   "main": "index.js",
   "repository": "facebook/react",
@@ -18,7 +18,7 @@
     "object-assign": "^4.1.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0-alpha.3"
+    "react": "^16.0.0-alpha.4"
   },
   "files": [
     "LICENSE",
diff --git a/packages/react-noop-renderer/package.json b/packages/react-noop-renderer/package.json
index b17ba63a4e..5d982f27c6 100644
--- a/packages/react-noop-renderer/package.json
+++ b/packages/react-noop-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-noop-renderer",
-  "version": "16.0.0-alpha.3",
+  "version": "16.0.0-alpha.4",
   "private": true,
   "description": "React package for testing the Fiber reconciler.",
   "main": "index.js",
diff --git a/packages/react-test-renderer/package.json b/packages/react-test-renderer/package.json
index d7b4272d82..976ed4f85a 100644
--- a/packages/react-test-renderer/package.json
+++ b/packages/react-test-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-test-renderer",
-  "version": "16.0.0-alpha.3",
+  "version": "16.0.0-alpha.4",
   "description": "React package for snapshot testing.",
   "main": "index.js",
   "repository": "facebook/react",
@@ -19,7 +19,7 @@
     "object-assign": "^4.1.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0-alpha.3"
+    "react": "^16.0.0-alpha.4"
   },
   "files": [
     "LICENSE",
diff --git a/packages/react/package.json b/packages/react/package.json
index d0198f757c..730d0b98ad 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react",
   "description": "React is a JavaScript library for building user interfaces.",
-  "version": "16.0.0-alpha.3",
+  "version": "16.0.0-alpha.4",
   "keywords": [
     "react"
   ],
diff --git a/src/ReactVersion.js b/src/ReactVersion.js
index 594ac0e3ae..6800654f5d 100644
--- a/src/ReactVersion.js
+++ b/src/ReactVersion.js
@@ -11,4 +11,4 @@
 
 'use strict';
 
-module.exports = '16.0.0-alpha.3';
+module.exports = '16.0.0-alpha.4';

From a2716d087e2d2f08b1fe946e180d93ae6882ee67 Mon Sep 17 00:00:00 2001
From: Ben Alpert <ben@benalpert.com>
Date: Mon, 13 Mar 2017 10:04:14 -0700
Subject: [PATCH 04/14] Fix two bugs in version bump script (#9165)

* Fix version bump script when files are missing

* Add noop renderer to version bump script

Without this, grunt build fails due to the version mismatch.
---
 scripts/release-manager/commands/version.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/scripts/release-manager/commands/version.js b/scripts/release-manager/commands/version.js
index 6349fa35b9..0eaf72fce5 100644
--- a/scripts/release-manager/commands/version.js
+++ b/scripts/release-manager/commands/version.js
@@ -30,6 +30,7 @@ function updateJSON(path, fields, value) {
     data = JSON.parse(fs.readFileSync(path, 'utf8'));
   } catch (e) {
     this.log(chalk.red('ERROR') + ` ${path} doesn't exist… skipping.`);
+    return;
   }
   fields.forEach((field) => {
     let fieldPath = field.split('.');
@@ -114,6 +115,10 @@ module.exports = function(vorpal, app) {
             file: 'packages/react-native-renderer/package.json',
             fields: ['version', 'peerDependencies.react'],
           },
+          {
+            file: 'packages/react-noop-renderer/package.json',
+            fields: ['version'],
+          },
           {
             file: 'packages/react-test-renderer/package.json',
             fields: ['version', 'peerDependencies.react'],

From 2b59afb98458f0b7da65f1f98348943a9b3cb727 Mon Sep 17 00:00:00 2001
From: Bernard Lin <bernardlin12@gmail.com>
Date: Mon, 13 Mar 2017 18:43:03 -0400
Subject: [PATCH 05/14] Updated React Native EU (#9170)

* Updated Chain React

Changed conference date from "Summer 2017" to given date on website

* Updated React Native EU

Updated date and place with information from website
---
 docs/community/conferences.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/community/conferences.md b/docs/community/conferences.md
index 6bb6895282..1d81d854b1 100644
--- a/docs/community/conferences.md
+++ b/docs/community/conferences.md
@@ -45,7 +45,7 @@ October 13 in Stockholm, Sweden
 [Website](https://statejs.com/)
 
 ### React Native EU 2017
-Fall 2017, Poland
+September 6-7 in Wroclaw, Poland
 
 [Website](http://react-native.eu/)
 

From 4adad94eac58f51b1fe1f4e11052c1247f80ca5c Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Thu, 2 Mar 2017 20:51:01 -0800
Subject: [PATCH 06/14] Add prettier option in scripts

---
 package.json |  4 +++-
 yarn.lock    | 58 ++++++++++++++++++++++++++++++++++++++++++++++------
 2 files changed, 55 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 965d861466..dfa82cddcf 100644
--- a/package.json
+++ b/package.json
@@ -71,6 +71,7 @@
     "merge-stream": "^1.0.0",
     "object-assign": "^4.1.1",
     "platform": "^1.1.0",
+    "prettier": "^0.20.0",
     "run-sequence": "^1.1.4",
     "through2": "^2.0.0",
     "tmp": "~0.0.28",
@@ -92,7 +93,8 @@
     "lint": "grunt lint",
     "postinstall": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json",
     "test": "jest",
-    "flow": "flow"
+    "flow": "flow",
+    "prettier": "prettier --write --no-bracket-spacing --single-quote --trailing-comma es5 --print-width 100 \"src/**/!(third_party)/*.js\""
   },
   "jest": {
     "modulePathIgnorePatterns": [
diff --git a/yarn.lock b/yarn.lock
index ca3626dbbe..c862535193 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -240,6 +240,14 @@ ast-types@0.8.12:
   version "0.8.12"
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.8.12.tgz#a0d90e4351bb887716c83fd637ebf818af4adfcc"
 
+ast-types@0.8.18:
+  version "0.8.18"
+  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.8.18.tgz#c8b98574898e8914e9d8de74b947564a9fe929af"
+
+ast-types@0.9.4:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.9.4.tgz#410d1f81890aeb8e0a38621558ba5869ae53c91b"
+
 ast-types@0.9.5:
   version "0.9.5"
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.9.5.tgz#1a660a09945dbceb1f9c9cbb715002617424e04a"
@@ -305,7 +313,7 @@ babel-cli@^6.6.5:
   optionalDependencies:
     chokidar "^1.6.1"
 
-babel-code-frame@^6.16.0, babel-code-frame@^6.22.0:
+babel-code-frame@6.22.0, babel-code-frame@^6.16.0, babel-code-frame@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.22.0.tgz#027620bee567a88c32561574e7fd0801d33118e4"
   dependencies:
@@ -1215,7 +1223,7 @@ center-align@^0.1.1:
     align-text "^0.1.3"
     lazy-cache "^1.0.3"
 
-chalk@*, chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3:
+chalk@*, chalk@1.1.3, chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
   dependencies:
@@ -1318,7 +1326,7 @@ color-name@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.1.tgz#4b1415304cf50028ea81643643bd82ea05803689"
 
-colors@~0.6.2:
+colors@>=0.6.2, colors@~0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/colors/-/colors-0.6.2.tgz#2423fe6678ac0c5dae8852e5d0e5be08c997abcc"
 
@@ -1959,7 +1967,7 @@ estraverse@~4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.1.1.tgz#f6caca728933a850ef90661d0e17982ba47111a2"
 
-esutils@^2.0.0, esutils@^2.0.2:
+esutils@2.0.2, esutils@^2.0.0, esutils@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
 
@@ -2206,6 +2214,14 @@ flow-bin@^0.37.0:
   version "0.37.4"
   resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.37.4.tgz#3d8da2ef746e80e730d166e09040f4198969b76b"
 
+flow-parser@0.40.0:
+  version "0.40.0"
+  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.40.0.tgz#b3444742189093323c4319c4fe9d35391f46bcbc"
+  dependencies:
+    ast-types "0.8.18"
+    colors ">=0.6.2"
+    minimist ">=0.2.0"
+
 for-in@^0.1.5:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.6.tgz#c9f96e89bfad18a545af5ec3ed352a1d9e5b4dc8"
@@ -2309,6 +2325,10 @@ get-caller-file@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5"
 
+get-stdin@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-5.0.1.tgz#122e161591e21ff4c52530305693f20e6393a398"
+
 get-stdin@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
@@ -2381,6 +2401,17 @@ glob2base@^0.0.12:
   dependencies:
     find-index "^0.1.1"
 
+glob@7.1.1, glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.0:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.2"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 glob@^4.3.1:
   version "4.5.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-4.5.3.tgz#c6cb73d3226c1efef04de3c56d012f03377ee15f"
@@ -3354,7 +3385,7 @@ jest-util@^19.0.1:
     leven "^2.0.0"
     mkdirp "^0.5.1"
 
-jest-validate@^19.0.0:
+jest-validate@19.0.0, jest-validate@^19.0.0:
   version "19.0.0"
   resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-19.0.0.tgz#8c6318a20ecfeaba0ba5378bfbb8277abded4173"
   dependencies:
@@ -3823,7 +3854,7 @@ minimist@0.0.8, minimist@~0.0.1:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
-minimist@1.2.0, minimist@^1.1.0, minimist@^1.1.1, minimist@^1.2.0:
+minimist@1.2.0, minimist@>=0.2.0, minimist@^1.1.0, minimist@^1.1.1, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
 
@@ -4218,6 +4249,21 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
+prettier@^0.20.0:
+  version "0.20.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-0.20.0.tgz#9cae8d4c0043dc3b37c633c39aaebd82939423f1"
+  dependencies:
+    ast-types "0.9.4"
+    babel-code-frame "6.22.0"
+    babylon "6.15.0"
+    chalk "1.1.3"
+    esutils "2.0.2"
+    flow-parser "0.40.0"
+    get-stdin "5.0.1"
+    glob "7.1.1"
+    jest-validate "19.0.0"
+    minimist "1.2.0"
+
 pretty-format@^19.0.0:
   version "19.0.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-19.0.0.tgz#56530d32acb98a3fa4851c4e2b9d37b420684c84"

From 9d34dd3c019b6900a87809f63493589dd516e2ab Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Thu, 2 Mar 2017 22:33:29 -0800
Subject: [PATCH 07/14] More options

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index dfa82cddcf..54fbb91ccc 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
     "postinstall": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json",
     "test": "jest",
     "flow": "flow",
-    "prettier": "prettier --write --no-bracket-spacing --single-quote --trailing-comma es5 --print-width 100 \"src/**/!(third_party)/*.js\""
+    "prettier": "prettier --write --no-bracket-spacing --single-quote --jsx-bracket-same-line --trailing-comma all --print-width 100 \"src/**/!(third_party)/*.js\""
   },
   "jest": {
     "modulePathIgnorePatterns": [

From df6388ab52a003de892c141c8fcb49d93d313479 Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Thu, 2 Mar 2017 22:40:43 -0800
Subject: [PATCH 08/14] Add prettier-ignore where we do matrix style formatting

---
 src/isomorphic/modern/class/__tests__/ReactES6Class-test.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/isomorphic/modern/class/__tests__/ReactES6Class-test.js b/src/isomorphic/modern/class/__tests__/ReactES6Class-test.js
index a0d80519ac..e23f36f55b 100644
--- a/src/isomorphic/modern/class/__tests__/ReactES6Class-test.js
+++ b/src/isomorphic/modern/class/__tests__/ReactES6Class-test.js
@@ -301,6 +301,7 @@ describe('ReactES6Class', () => {
     ]);
     lifeCycles = []; // reset
     test(<Foo value="bar" />, 'SPAN', 'bar');
+    // prettier-ignore
     expect(lifeCycles).toEqual([
       'receive-props', freeze({value: 'bar'}),
       'should-update', freeze({value: 'bar'}), {},

From 898ba574d6418cc3b1a76c51fc503d85bfc3ece0 Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Thu, 2 Mar 2017 22:43:52 -0800
Subject: [PATCH 09/14] Try 80-character line limit instead

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 54fbb91ccc..d3229064d6 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
     "postinstall": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json",
     "test": "jest",
     "flow": "flow",
-    "prettier": "prettier --write --no-bracket-spacing --single-quote --jsx-bracket-same-line --trailing-comma all --print-width 100 \"src/**/!(third_party)/*.js\""
+    "prettier": "prettier --write --no-bracket-spacing --single-quote --jsx-bracket-same-line --trailing-comma all --print-width 80 \"src/**/!(third_party)/*.js\""
   },
   "jest": {
     "modulePathIgnorePatterns": [

From b363803d26d8cbd21ddc25ed808199801bf08408 Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Mon, 13 Mar 2017 17:02:21 -0700
Subject: [PATCH 10/14] Update to prettier 0.22

---
 package.json |  2 +-
 yarn.lock    | 41 ++++++++++++++++++++++++++---------------
 2 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index d3229064d6..3f5070440d 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "merge-stream": "^1.0.0",
     "object-assign": "^4.1.1",
     "platform": "^1.1.0",
-    "prettier": "^0.20.0",
+    "prettier": "^0.22.0",
     "run-sequence": "^1.1.4",
     "through2": "^2.0.0",
     "tmp": "~0.0.28",
diff --git a/yarn.lock b/yarn.lock
index c862535193..26f1c6b89d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -476,6 +476,16 @@ babel-helper-optimise-call-expression@^6.22.0:
     babel-runtime "^6.22.0"
     babel-types "^6.22.0"
 
+babel-helper-remap-async-to-generator@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.22.0.tgz#2186ae73278ed03b8b15ced089609da981053383"
+  dependencies:
+    babel-helper-function-name "^6.22.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.22.0"
+    babel-traverse "^6.22.0"
+    babel-types "^6.22.0"
+
 babel-helper-replace-supers@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-helper-replace-supers/-/babel-helper-replace-supers-6.22.0.tgz#1fcee2270657548908c34db16bcc345f9850cf42"
@@ -586,6 +596,10 @@ babel-plugin-runtime@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/babel-plugin-runtime/-/babel-plugin-runtime-1.0.7.tgz#bf7c7d966dd56ecd5c17fa1cb253c9acb7e54aaf"
 
+babel-plugin-syntax-async-functions@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
+
 babel-plugin-syntax-class-properties@^6.8.0:
   version "6.13.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz#d7eb23b79a317f8543962c505b827c7d6cac27de"
@@ -606,6 +620,14 @@ babel-plugin-syntax-trailing-function-commas@^6.5.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz#ba0360937f8d06e40180a43fe0d5616fff532cf3"
 
+babel-plugin-transform-async-to-generator@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.22.0.tgz#194b6938ec195ad36efc4c33a971acf00d8cd35e"
+  dependencies:
+    babel-helper-remap-async-to-generator "^6.22.0"
+    babel-plugin-syntax-async-functions "^6.8.0"
+    babel-runtime "^6.22.0"
+
 babel-plugin-transform-class-properties@^6.11.5:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.22.0.tgz#aa78f8134495c7de06c097118ba061844e1dc1d8"
@@ -2401,7 +2423,7 @@ glob2base@^0.0.12:
   dependencies:
     find-index "^0.1.1"
 
-glob@7.1.1, glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.0:
+glob@7.1.1, glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.0, glob@^7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
   dependencies:
@@ -2441,17 +2463,6 @@ glob@^6.0.1:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.0, glob@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.2"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
 glob@~3.1.21:
   version "3.1.21"
   resolved "https://registry.yarnpkg.com/glob/-/glob-3.1.21.tgz#d29e0a055dea5138f4d07ed40e8982e83c2066cd"
@@ -4249,9 +4260,9 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
-prettier@^0.20.0:
-  version "0.20.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-0.20.0.tgz#9cae8d4c0043dc3b37c633c39aaebd82939423f1"
+prettier@^0.22.0:
+  version "0.22.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-0.22.0.tgz#7b37c4480d0858180407e5a8e13f0f47da7385d2"
   dependencies:
     ast-types "0.9.4"
     babel-code-frame "6.22.0"

From 46bcd7fdf2ba7a9e7813398ddc1d835ab05b2736 Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Mon, 13 Mar 2017 17:04:37 -0700
Subject: [PATCH 11/14] Add ignore to multichild test

---
 src/renderers/__tests__/ReactMultiChildText-test.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/renderers/__tests__/ReactMultiChildText-test.js b/src/renderers/__tests__/ReactMultiChildText-test.js
index c819ae3343..ef471cca18 100644
--- a/src/renderers/__tests__/ReactMultiChildText-test.js
+++ b/src/renderers/__tests__/ReactMultiChildText-test.js
@@ -105,6 +105,7 @@ var expectChildren = function(container, children) {
 describe('ReactMultiChildText', () => {
   it('should correctly handle all possible children for render and update', () => {
     spyOn(console, 'error');
+    // prettier-ignore
     testAllPermutations([
       // basic values
       undefined, [],

From 1843f8716803d380df34a7362d80022352853931 Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Mon, 13 Mar 2017 17:05:18 -0700
Subject: [PATCH 12/14] Run prettier

---
 src/__mocks__/InitializeCore.js               |    1 +
 src/__mocks__/deepDiffer.js                   |    6 +-
 .../deepFreezeAndThrowOnMutationInDev.js      |    2 +-
 src/__mocks__/flattenStyle.js                 |    2 +-
 src/addons/ReactFragment.js                   |   10 +-
 src/addons/ReactWithAddons.js                 |    3 +-
 .../ReactComponentWithPureRenderMixin-test.js |   12 +-
 src/addons/__tests__/ReactFragment-test.js    |   22 +-
 .../renderSubtreeIntoContainer-test.js        |   10 +-
 src/addons/__tests__/update-test.js           |   74 +-
 src/addons/shallowCompare.js                  |    6 +-
 .../transitions/ReactCSSTransitionGroup.js    |   23 +-
 .../ReactCSSTransitionGroupChild.js           |    6 +-
 .../ReactTransitionChildMapping.js            |    2 +-
 .../transitions/ReactTransitionGroup.js       |   60 +-
 .../__tests__/ReactCSSTransitionGroup-test.js |   91 +-
 .../ReactTransitionChildMapping-test.js       |    2 +-
 .../__tests__/ReactTransitionGroup-test.js    |   63 +-
 src/addons/update.js                          |   34 +-
 src/isomorphic/React.js                       |    5 +-
 src/isomorphic/__tests__/React-test.js        |    4 +-
 src/isomorphic/children/ReactChildren.js      |   29 +-
 .../children/__tests__/ReactChildren-test.js  |  280 ++--
 .../children/__tests__/onlyChild-test.js      |   33 +-
 src/isomorphic/children/onlyChild.js          |    2 +-
 .../__tests__/ReactContextValidator-test.js   |   51 +-
 src/isomorphic/classic/class/ReactClass.js    |  186 +--
 .../classic/class/__tests__/ReactBind-test.js |   13 +-
 .../class/__tests__/ReactBindOptout-test.js   |   18 +-
 .../class/__tests__/ReactClass-test.js        |   49 +-
 .../class/__tests__/ReactClassMixin-test.js   |   84 +-
 .../classic/element/ReactCurrentOwner.js      |    6 +-
 .../classic/element/ReactDOMFactories.js      |    2 +-
 .../classic/element/ReactDebugCurrentFrame.js |   10 +-
 .../classic/element/ReactElement.js           |   60 +-
 .../classic/element/ReactElementValidator.js  |   95 +-
 .../element/__tests__/ReactElement-test.js    |  113 +-
 .../__tests__/ReactElementClone-test.js       |   69 +-
 .../__tests__/ReactElementValidator-test.js   |  145 +-
 .../classic/types/ReactPropTypes.js           |   83 +-
 .../types/__tests__/ReactPropTypes-test.js    |  395 +++--
 .../ReactPropTypesProduction-test.js          |   65 +-
 .../classic/types/checkPropTypes.js           |   23 +-
 .../hooks/ReactComponentTreeHook.js           |   73 +-
 .../modern/class/ReactBaseClasses.js          |   12 +-
 .../modern/class/ReactNoopUpdateQueue.js      |   22 +-
 .../__tests__/ReactClassEquivalence-test.js   |   25 +-
 .../class/__tests__/ReactES6Class-test.js     |   53 +-
 .../__tests__/ReactPureComponent-test.js      |    1 -
 .../element/__tests__/ReactJSXElement-test.js |   19 +-
 .../ReactJSXElementValidator-test.js          |   89 +-
 .../__tests__/EventPluginHub-test.js          |    9 +-
 .../__tests__/ReactChildReconciler-test.js    |   36 +-
 .../__tests__/ReactComponent-test.js          |  119 +-
 .../__tests__/ReactComponentLifeCycle-test.js |  132 +-
 .../__tests__/ReactComponentTreeHook-test.js  | 1297 ++++++++-------
 .../ReactComponentTreeHook-test.native.js     | 1402 ++++++++++-------
 .../__tests__/ReactCompositeComponent-test.js |   98 +-
 ...actCompositeComponentDOMMinimalism-test.js |    2 -
 ...ReactCompositeComponentNestedState-test.js |   37 +-
 .../ReactCompositeComponentState-test.js      |   85 +-
 .../__tests__/ReactEmptyComponent-test.js     |   99 +-
 .../__tests__/ReactErrorBoundaries-test.js    |  974 ++++++------
 .../ReactHostOperationHistoryHook-test.js     |  725 +++++----
 src/renderers/__tests__/ReactIdentity-test.js |   42 +-
 .../__tests__/ReactMockedComponent-test.js    |   14 +-
 .../__tests__/ReactMultiChild-test.js         |   74 +-
 .../ReactMultiChildReconcile-test.js          |  125 +-
 .../__tests__/ReactMultiChildText-test.js     |    5 +-
 src/renderers/__tests__/ReactPerf-test.js     |  254 +--
 .../__tests__/ReactStatelessComponent-test.js |   95 +-
 .../__tests__/ReactTreeTraversal-test.js      |   51 +-
 src/renderers/__tests__/ReactUpdates-test.js  |  100 +-
 .../__tests__/refs-destruction-test.js        |   67 +-
 src/renderers/__tests__/refs-test.js          |   58 +-
 src/renderers/art/ReactARTFiber.js            |   78 +-
 src/renderers/art/ReactARTStack.js            |  198 ++-
 src/renderers/art/__tests__/ReactART-test.js  |   82 +-
 src/renderers/dom/ReactDOM.js                 |   43 +-
 src/renderers/dom/__mocks__/ReactDOM.js       |    5 +-
 .../dom/__tests__/ReactDOMProduction-test.js  |   39 +-
 src/renderers/dom/fiber/ReactDOMFiber.js      |  348 ++--
 .../dom/fiber/ReactDOMFiberComponent.js       |  364 ++---
 .../dom/fiber/ReactDOMFrameScheduling.js      |   46 +-
 .../dom/fiber/__tests__/ReactDOMFiber-test.js |  378 ++---
 .../dom/fiber/wrappers/ReactDOMFiberInput.js  |  143 +-
 .../dom/fiber/wrappers/ReactDOMFiberOption.js |    9 +-
 .../dom/fiber/wrappers/ReactDOMFiberSelect.js |   54 +-
 .../fiber/wrappers/ReactDOMFiberTextarea.js   |   42 +-
 .../dom/shared/CSSPropertyOperations.js       |   25 +-
 src/renderers/dom/shared/DOMProperty.js       |   39 +-
 .../dom/shared/DOMPropertyOperations.js       |   46 +-
 .../dom/shared/HTMLDOMPropertyConfig.js       |   11 +-
 .../dom/shared/ReactBrowserEventEmitter.js    |   76 +-
 .../dom/shared/ReactDOMComponentTree.js       |   15 +-
 src/renderers/dom/shared/ReactDOMInjection.js |    2 +-
 src/renderers/dom/shared/ReactDOMSelection.js |   13 +-
 .../dom/shared/ReactEventListener.js          |   19 +-
 .../dom/shared/ReactInputSelection.js         |   37 +-
 .../dom/shared/SVGDOMPropertyConfig.js        |    2 +-
 .../dom/shared/__tests__/CSSProperty-test.js  |    1 -
 .../__tests__/CSSPropertyOperations-test.js   |  135 +-
 .../__tests__/DOMPropertyOperations-test.js   |  295 ++--
 .../ReactBrowserEventEmitter-test.js          |  295 +---
 .../dom/shared/__tests__/ReactDOM-test.js     |   49 +-
 .../__tests__/ReactDOMComponent-test.js       |  571 +++----
 .../__tests__/ReactDOMComponentTree-test.js   |    7 +-
 .../__tests__/ReactDOMInvalidARIAHook-test.js |   16 +-
 .../dom/shared/__tests__/ReactDOMSVG-test.js  |   98 +-
 .../ReactDOMServerIntegration-test.js         |   29 +-
 .../__tests__/ReactDOMTextComponent-test.js   |   40 +-
 .../__tests__/ReactEventIndependence-test.js  |    7 +-
 .../__tests__/ReactEventListener-test.js      |  101 +-
 .../dom/shared/__tests__/ReactMount-test.js   |   25 +-
 .../__tests__/ReactMountDestruction-test.js   |   26 +-
 .../__tests__/ReactRenderDocument-test.js     |   40 +-
 .../__tests__/ReactServerRendering-test.js    |  180 ++-
 .../escapeTextContentForBrowser-test.js       |   10 +-
 .../dom/shared/__tests__/findDOMNode-test.js  |    7 +-
 .../__tests__/inputValueTracking-test.js      |   41 +-
 .../quoteAttributeValueForBrowser-test.js     |   10 +-
 .../__tests__/validateDOMNesting-test.js      |  116 +-
 .../dom/shared/dangerousStyleValue.js         |    7 +-
 .../dom/shared/escapeTextContentForBrowser.js |    7 +-
 .../eventPlugins/BeforeInputEventPlugin.js    |   74 +-
 .../shared/eventPlugins/ChangeEventPlugin.js  |   94 +-
 .../eventPlugins/EnterLeaveEventPlugin.js     |   42 +-
 .../shared/eventPlugins/SelectEventPlugin.js  |   50 +-
 .../shared/eventPlugins/SimpleEventPlugin.js  |   19 +-
 .../dom/shared/eventPlugins/TapEventPlugin.js |   40 +-
 .../__tests__/BeforeInputEventPlugin-test.js  |  102 +-
 .../__tests__/ChangeEventPlugin-test.js       |   22 +-
 .../__tests__/EnterLeaveEventPlugin-test.js   |    9 +-
 .../__tests__/SelectEventPlugin-test.js       |   10 +-
 .../__tests__/SimpleEventPlugin-test.js       |   44 +-
 src/renderers/dom/shared/findDOMNode.js       |   29 +-
 .../shared/hooks/ReactDOMInvalidARIAHook.js   |   24 +-
 .../hooks/ReactDOMNullInputValuePropHook.js   |    6 +-
 .../hooks/ReactDOMUnknownPropertyHook.js      |   51 +-
 .../dom/shared/inputValueTracking.js          |   57 +-
 src/renderers/dom/shared/setInnerHTML.js      |   37 +-
 src/renderers/dom/shared/setTextContent.js    |    4 +-
 .../SyntheticAnimationEvent.js                |   15 +-
 .../SyntheticClipboardEvent.js                |   23 +-
 .../SyntheticCompositionEvent.js              |   12 +-
 .../syntheticEvents/SyntheticDragEvent.js     |   15 +-
 .../syntheticEvents/SyntheticFocusEvent.js    |   15 +-
 .../syntheticEvents/SyntheticInputEvent.js    |   15 +-
 .../syntheticEvents/SyntheticKeyboardEvent.js |   15 +-
 .../syntheticEvents/SyntheticMouseEvent.js    |   36 +-
 .../syntheticEvents/SyntheticTouchEvent.js    |   15 +-
 .../SyntheticTransitionEvent.js               |   15 +-
 .../syntheticEvents/SyntheticUIEvent.js       |   15 +-
 .../syntheticEvents/SyntheticWheelEvent.js    |   38 +-
 .../__tests__/SyntheticClipboardEvent-test.js |   13 +-
 .../__tests__/SyntheticEvent-test.js          |   91 +-
 .../__tests__/SyntheticWheelEvent-test.js     |    1 -
 .../utils/ReactControlledValuePropTypes.js    |   45 +-
 .../dom/shared/utils/ViewportMetrics.js       |    2 -
 .../utils/__tests__/getEventCharCode-test.js  |   13 +-
 .../getNodeForCharacterOffset-test.js         |   14 +-
 .../utils/__tests__/setInnerHTML-test.js      |    8 +-
 src/renderers/dom/shared/utils/getEventKey.js |   38 +-
 .../dom/shared/utils/getEventModifierState.js |    8 +-
 .../shared/utils/getTextContentAccessor.js    |    6 +-
 .../utils/getVendorPrefixedEventName.js       |    3 +-
 .../dom/shared/utils/isEventSupported.js      |    9 +-
 .../dom/shared/validateDOMNesting.js          |  288 +++-
 .../wrappers/__tests__/ReactDOMInput-test.js  |  312 ++--
 .../wrappers/__tests__/ReactDOMOption-test.js |   27 +-
 .../wrappers/__tests__/ReactDOMSelect-test.js |  256 +--
 .../__tests__/ReactDOMTextarea-test.js        |   42 +-
 .../dom/stack/client/DOMChildrenOperations.js |   36 +-
 src/renderers/dom/stack/client/DOMLazyTree.js |   24 +-
 src/renderers/dom/stack/client/Danger.js      |   14 +-
 .../ReactComponentBrowserEnvironment.js       |    8 +-
 .../dom/stack/client/ReactDOMComponent.js     |  373 +++--
 .../dom/stack/client/ReactDOMContainerInfo.js |   11 +-
 .../stack/client/ReactDOMEmptyComponent.js    |    6 +-
 .../dom/stack/client/ReactDOMIDOperations.js  |    1 -
 .../stack/client/ReactDOMStackInjection.js    |   27 +-
 .../dom/stack/client/ReactDOMTextComponent.js |   21 +-
 src/renderers/dom/stack/client/ReactMount.js  |  289 ++--
 .../stack/client/ReactReconcileTransaction.js |    2 -
 .../stack/client/wrappers/ReactDOMInput.js    |  115 +-
 .../stack/client/wrappers/ReactDOMOption.js   |   12 +-
 .../stack/client/wrappers/ReactDOMSelect.js   |   18 +-
 .../stack/client/wrappers/ReactDOMTextarea.js |   20 +-
 .../dom/stack/server/ReactMarkupChecksum.js   |    5 +-
 .../dom/stack/server/ReactServerRendering.js  |   52 +-
 .../server/ReactServerRenderingTransaction.js |   17 +-
 .../stack/server/ReactServerUpdateQueue.js    |   42 +-
 src/renderers/native/NativeMethodsMixin.js    |   53 +-
 .../native/ReactNativeAttributePayload.js     |  182 ++-
 .../native/ReactNativeBaseComponent.js        |   24 +-
 .../native/ReactNativeBridgeEventPlugin.js    |   13 +-
 .../native/ReactNativeComponentEnvironment.js |    5 +-
 .../native/ReactNativeDOMIDOperations.js      |    2 +-
 .../native/ReactNativeEventEmitter.js         |   26 +-
 src/renderers/native/ReactNativeFiber.js      |  194 +--
 src/renderers/native/ReactNativeInjection.js  |    6 +-
 src/renderers/native/ReactNativeMount.js      |   52 +-
 .../native/ReactNativeReconcileTransaction.js |    2 +-
 src/renderers/native/ReactNativeStack.js      |   13 +-
 .../native/ReactNativeStackInjection.js       |   24 +-
 src/renderers/native/ReactNativeTagHandles.js |    3 +-
 .../native/ReactNativeTextComponent.js        |   28 +-
 .../native/ReactNativeViewConfigRegistry.js   |   10 +-
 .../ReactNativeAttributePayload-test.js       |  295 ++--
 .../__tests__/ReactNativeEvents-test.js       |   24 +-
 .../native/__tests__/ReactNativeMount-test.js |   13 +-
 .../native/createReactNativeComponentClass.js |    4 +-
 src/renderers/native/findNodeHandle.js        |   34 +-
 src/renderers/noop/ReactNoop.js               |  165 +-
 src/renderers/shared/ReactDebugTool.js        |  100 +-
 src/renderers/shared/ReactPerf.js             |   60 +-
 .../shared/__tests__/ReactDebugTool-test.js   |    3 +-
 src/renderers/shared/fiber/ReactChildFiber.js |  466 +++---
 .../shared/fiber/ReactDebugCurrentFiber.js    |   14 +-
 .../shared/fiber/ReactDebugFiberPerf.js       |  132 +-
 src/renderers/shared/fiber/ReactFiber.js      |  106 +-
 .../shared/fiber/ReactFiberBeginWork.js       |  231 ++-
 .../shared/fiber/ReactFiberClassComponent.js  |  212 +--
 .../shared/fiber/ReactFiberCommitWork.js      |   98 +-
 .../shared/fiber/ReactFiberCompleteWork.js    |   93 +-
 .../shared/fiber/ReactFiberContext.js         |   89 +-
 .../shared/fiber/ReactFiberDevToolsHook.js    |   12 +-
 .../shared/fiber/ReactFiberErrorLogger.js     |   33 +-
 .../shared/fiber/ReactFiberHostContext.js     |   56 +-
 .../shared/fiber/ReactFiberReconciler.js      |  194 +--
 src/renderers/shared/fiber/ReactFiberRoot.js  |    6 +-
 .../shared/fiber/ReactFiberScheduler.js       |  299 ++--
 src/renderers/shared/fiber/ReactFiberStack.js |   25 +-
 .../shared/fiber/ReactFiberTreeReflection.js  |   47 +-
 .../shared/fiber/ReactFiberUpdateQueue.js     |  118 +-
 .../shared/fiber/ReactTypeOfSideEffect.js     |   18 +-
 .../fiber/__tests__/ReactCoroutine-test.js    |   71 +-
 .../fiber/__tests__/ReactIncremental-test.js  |  207 ++-
 .../ReactIncrementalErrorHandling-test.js     |  170 +-
 .../__tests__/ReactIncrementalPerf-test.js    |   35 +-
 .../ReactIncrementalReflection-test.js        |   71 +-
 .../ReactIncrementalScheduling-test.js        |   64 +-
 .../ReactIncrementalSideEffects-test.js       |  290 ++--
 .../__tests__/ReactIncrementalUpdates-test.js |   85 +-
 .../__tests__/ReactTopLevelFragment-test.js   |   39 +-
 .../fiber/__tests__/ReactTopLevelText-test.js |    1 -
 .../shared/fiber/isomorphic/ReactCoroutine.js |   30 +-
 .../shared/fiber/isomorphic/ReactPortal.js    |   25 +-
 .../shared/fiber/isomorphic/ReactTypes.js     |   12 +-
 .../hooks/ReactHostOperationHistoryHook.js    |   25 +-
 .../hooks/ReactInvalidSetStateWarningHook.js  |    2 +-
 .../shared/shared/ReactInstanceMap.js         |    2 -
 .../shared/shared/ReactTreeTraversal.js       |    6 +-
 .../shared/shared/event/EventPluginHub.js     |   39 +-
 .../shared/event/EventPluginRegistry.js       |   42 +-
 .../shared/shared/event/EventPluginUtils.js   |   46 +-
 .../shared/shared/event/EventPropagators.js   |   39 +-
 .../shared/shared/event/PluginModuleType.js   |    6 +-
 .../shared/event/ReactControlledComponent.js  |   10 +-
 .../shared/event/ReactEventEmitterMixin.js    |   12 +-
 .../shared/event/ReactSyntheticEventType.js   |   18 +-
 .../shared/shared/event/SyntheticEvent.js     |   63 +-
 .../__tests__/EventPluginRegistry-test.js     |   33 +-
 .../eventPlugins/ResponderEventPlugin.js      |  125 +-
 .../eventPlugins/ResponderSyntheticEvent.js   |   15 +-
 .../ResponderTouchHistoryStore.js             |   25 +-
 .../event/eventPlugins/TouchHistoryMath.js    |   88 +-
 .../__tests__/ResponderEventPlugin-test.js    |  759 ++++++---
 .../shared/shared/getContextForSubtree.js     |    4 +-
 .../shared/shouldUpdateReactComponent.js      |    8 +-
 .../shared/stack/reconciler/CallbackQueue.js  |    2 +-
 .../stack/reconciler/ReactChildReconciler.js  |   60 +-
 .../reconciler/ReactComponentEnvironment.js   |   10 +-
 .../reconciler/ReactCompositeComponent.js     |  315 ++--
 .../ReactDefaultBatchingStrategy.js           |   14 +-
 .../stack/reconciler/ReactHostComponent.js    |    2 +-
 .../stack/reconciler/ReactMultiChild.js       |   64 +-
 .../reconciler/ReactMultiChildUpdateTypes.js  |   10 +-
 .../shared/stack/reconciler/ReactOwner.js     |   44 +-
 .../stack/reconciler/ReactReconciler.js       |   58 +-
 .../shared/stack/reconciler/ReactRef.js       |   29 +-
 .../reconciler/ReactSimpleEmptyComponent.js   |   10 +-
 .../stack/reconciler/ReactUpdateQueue.js      |   51 +-
 .../shared/stack/reconciler/ReactUpdates.js   |   68 +-
 .../shared/stack/reconciler/Transaction.js    |   34 +-
 .../reconciler/__tests__/Transaction-test.js  |   47 +-
 .../reconciler/instantiateReactComponent.js   |   40 +-
 src/renderers/shared/utils/ReactErrorUtils.js |   15 +-
 .../utils/__tests__/ReactErrorUtils-test.js   |   95 +-
 .../utils/__tests__/accumulateInto-test.js    |    3 +-
 .../shared/utils/__tests__/adler32-test.js    |    4 +-
 src/renderers/shared/utils/accumulate.js      |    7 +-
 src/renderers/shared/utils/accumulateInto.js  |    7 +-
 src/renderers/shared/utils/adler32.js         |    8 +-
 .../shared/utils/forEachAccumulated.js        |    2 +-
 .../shared/utils/isTextInputElement.js        |   28 +-
 .../shared/utils/validateCallback.js          |    4 +-
 .../testing/ReactTestRendererFiber.js         |  167 +-
 .../__tests__/ReactTestRenderer-test.js       |  229 ++-
 src/renderers/testing/stack/ReactTestMount.js |   47 +-
 .../stack/ReactTestReconcileTransaction.js    |    4 +-
 .../testing/stack/ReactTestRendererStack.js   |   16 +-
 .../testing/stack/ReactTestTextComponent.js   |    2 +-
 src/shared/ReactFiberComponentTreeHook.js     |   23 +-
 src/shared/types/checkReactTypeSpec.js        |   12 +-
 src/shared/utils/KeyEscapeUtils.js            |   23 +-
 src/shared/utils/PooledClass.js               |    4 +-
 src/shared/utils/ReactElementSymbol.js        |    5 +-
 .../utils/__tests__/PooledClass-test.js       |   50 +-
 .../__tests__/reactProdInvariant-test.js      |   18 +-
 src/shared/utils/deprecated.js                |    7 +-
 src/shared/utils/flattenChildren.js           |   25 +-
 src/shared/utils/getComponentName.js          |   12 +-
 src/shared/utils/getIteratorFn.js             |    9 +-
 src/shared/utils/reactProdInvariant.js        |   17 +-
 src/shared/utils/traverseAllChildren.js       |   43 +-
 src/test/ReactComponentTreeTestUtils.js       |   20 +-
 src/test/ReactShallowRenderer.js              |   60 +-
 src/test/ReactTestUtils.js                    |  136 +-
 src/test/__tests__/ReactTestUtils-test.js     |   80 +-
 .../__tests__/reactComponentExpect-test.js    |    9 +-
 src/test/getTestDocument.js                   |    3 +-
 src/test/reactComponentExpect.js              |   34 +-
 src/umd/ReactUMDEntry.js                      |   13 +-
 src/umd/ReactWithAddonsUMDEntry.js            |   15 +-
 325 files changed, 12674 insertions(+), 11373 deletions(-)

diff --git a/src/__mocks__/InitializeCore.js b/src/__mocks__/InitializeCore.js
index bc540c10d2..9df419b050 100644
--- a/src/__mocks__/InitializeCore.js
+++ b/src/__mocks__/InitializeCore.js
@@ -12,3 +12,4 @@
 // Noop
 
 // TODO #10932517: Move all initialization callers back into react-native
+
diff --git a/src/__mocks__/deepDiffer.js b/src/__mocks__/deepDiffer.js
index 34e4da74a0..313565af45 100644
--- a/src/__mocks__/deepDiffer.js
+++ b/src/__mocks__/deepDiffer.js
@@ -16,15 +16,15 @@ var deepDiffer = function(one: any, two: any): boolean {
     // Short circuit on identical object references instead of traversing them.
     return false;
   }
-  if ((typeof one === 'function') && (typeof two === 'function')) {
+  if (typeof one === 'function' && typeof two === 'function') {
     // We consider all functions equal
     return false;
   }
-  if ((typeof one !== 'object') || (one === null)) {
+  if (typeof one !== 'object' || one === null) {
     // Primitives can be directly compared
     return one !== two;
   }
-  if ((typeof two !== 'object') || (two === null)) {
+  if (typeof two !== 'object' || two === null) {
     // We know they are different because the previous case would have triggered
     // otherwise.
     return true;
diff --git a/src/__mocks__/deepFreezeAndThrowOnMutationInDev.js b/src/__mocks__/deepFreezeAndThrowOnMutationInDev.js
index ebb81c3335..8d8ceb8593 100644
--- a/src/__mocks__/deepFreezeAndThrowOnMutationInDev.js
+++ b/src/__mocks__/deepFreezeAndThrowOnMutationInDev.js
@@ -11,6 +11,6 @@
 
 // TODO: move into react or fbjs
 
-var deepFreezeAndThrowOnMutationInDev = function() { };
+var deepFreezeAndThrowOnMutationInDev = function() {};
 
 module.exports = deepFreezeAndThrowOnMutationInDev;
diff --git a/src/__mocks__/flattenStyle.js b/src/__mocks__/flattenStyle.js
index a766c705fb..d9b46a98a2 100644
--- a/src/__mocks__/flattenStyle.js
+++ b/src/__mocks__/flattenStyle.js
@@ -11,6 +11,6 @@
 
 // TODO: Move flattenStyle into react
 
-var flattenStyle = function() { };
+var flattenStyle = function() {};
 
 module.exports = flattenStyle;
diff --git a/src/addons/ReactFragment.js b/src/addons/ReactFragment.js
index 6211ad101b..14efe88759 100644
--- a/src/addons/ReactFragment.js
+++ b/src/addons/ReactFragment.js
@@ -41,7 +41,7 @@ var ReactFragment = {
       warning(
         false,
         'React.addons.createFragment only accepts a single object. Got: %s',
-        object
+        object,
       );
       return object;
     }
@@ -49,7 +49,7 @@ var ReactFragment = {
       warning(
         false,
         'React.addons.createFragment does not accept a ReactElement ' +
-        'without a wrapper object.'
+          'without a wrapper object.',
       );
       return object;
     }
@@ -57,7 +57,7 @@ var ReactFragment = {
     invariant(
       object.nodeType !== 1,
       'React.addons.createFragment(...): Encountered an invalid child; DOM ' +
-      'elements are not valid children of React components.'
+        'elements are not valid children of React components.',
     );
 
     var result = [];
@@ -68,7 +68,7 @@ var ReactFragment = {
           warning(
             false,
             'React.addons.createFragment(...): Child objects should have ' +
-            'non-numeric keys so ordering is preserved.'
+              'non-numeric keys so ordering is preserved.',
           );
           warnedAboutNumeric = true;
         }
@@ -77,7 +77,7 @@ var ReactFragment = {
         object[key],
         result,
         key,
-        emptyFunction.thatReturnsArgument
+        emptyFunction.thatReturnsArgument,
       );
     }
 
diff --git a/src/addons/ReactWithAddons.js b/src/addons/ReactWithAddons.js
index 6a7a3b01a3..6a20a3ae36 100644
--- a/src/addons/ReactWithAddons.js
+++ b/src/addons/ReactWithAddons.js
@@ -13,8 +13,7 @@
 
 var React = require('react');
 var ReactAddonsDOMDependencies = require('ReactAddonsDOMDependencies');
-var ReactComponentWithPureRenderMixin =
-  require('ReactComponentWithPureRenderMixin');
+var ReactComponentWithPureRenderMixin = require('ReactComponentWithPureRenderMixin');
 var ReactCSSTransitionGroup = require('ReactCSSTransitionGroup');
 var ReactFragment = require('ReactFragment');
 var ReactTransitionGroup = require('ReactTransitionGroup');
diff --git a/src/addons/__tests__/ReactComponentWithPureRenderMixin-test.js b/src/addons/__tests__/ReactComponentWithPureRenderMixin-test.js
index b3f636d280..d9d1683fcb 100644
--- a/src/addons/__tests__/ReactComponentWithPureRenderMixin-test.js
+++ b/src/addons/__tests__/ReactComponentWithPureRenderMixin-test.js
@@ -16,11 +16,9 @@ var ReactComponentWithPureRenderMixin;
 var ReactTestUtils;
 
 describe('ReactComponentWithPureRenderMixin', () => {
-
   beforeEach(() => {
     React = require('react');
-    ReactComponentWithPureRenderMixin =
-      require('ReactComponentWithPureRenderMixin');
+    ReactComponentWithPureRenderMixin = require('ReactComponentWithPureRenderMixin');
     ReactTestUtils = require('ReactTestUtils');
   });
 
@@ -35,12 +33,7 @@ describe('ReactComponentWithPureRenderMixin', () => {
       }
 
       render() {
-        return (
-          <Apple
-            color={this.state.color}
-            ref="apple"
-          />
-        );
+        return <Apple color={this.state.color} ref="apple" />;
       }
     }
 
@@ -141,5 +134,4 @@ describe('ReactComponentWithPureRenderMixin', () => {
     instance.setState(getInitialState());
     expect(renderCalls).toBe(3);
   });
-
 });
diff --git a/src/addons/__tests__/ReactFragment-test.js b/src/addons/__tests__/ReactFragment-test.js
index b73c58eb75..a295aaef6a 100644
--- a/src/addons/__tests__/ReactFragment-test.js
+++ b/src/addons/__tests__/ReactFragment-test.js
@@ -16,7 +16,6 @@ var ReactDOM;
 var ReactFragment;
 
 describe('ReactFragment', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactDOM = require('react-dom');
@@ -33,9 +32,9 @@ describe('ReactFragment', () => {
     var container = document.createElement('div');
     expect(() => ReactDOM.render(element, container)).toThrowError(
       'Objects are not valid as a React child (found: object with keys ' +
-      '{x, y, z}). If you meant to render a collection of children, use an ' +
-      'array instead or wrap the object using createFragment(object) from ' +
-      'the React add-ons.'
+        '{x, y, z}). If you meant to render a collection of children, use an ' +
+        'array instead or wrap the object using createFragment(object) from ' +
+        'the React add-ons.',
     );
   });
 
@@ -53,9 +52,9 @@ describe('ReactFragment', () => {
     var container = document.createElement('div');
     expect(() => ReactDOM.render(<Foo />, container)).toThrowError(
       'Objects are not valid as a React child (found: object with keys ' +
-      '{a, b, c}). If you meant to render a collection of children, use an ' +
-      'array instead or wrap the object using createFragment(object) from ' +
-      'the React add-ons.\n\nCheck the render method of `Foo`.'
+        '{a, b, c}). If you meant to render a collection of children, use an ' +
+        'array instead or wrap the object using createFragment(object) from ' +
+        'the React add-ons.\n\nCheck the render method of `Foo`.',
     );
   });
 
@@ -66,7 +65,7 @@ describe('ReactFragment', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Child objects should have non-numeric keys so ordering is preserved.'
+      'Child objects should have non-numeric keys so ordering is preserved.',
     );
   });
 
@@ -75,7 +74,7 @@ describe('ReactFragment', () => {
     ReactFragment.create(null);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'React.addons.createFragment only accepts a single object.'
+      'React.addons.createFragment only accepts a single object.',
     );
   });
 
@@ -84,7 +83,7 @@ describe('ReactFragment', () => {
     ReactFragment.create([]);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'React.addons.createFragment only accepts a single object.'
+      'React.addons.createFragment only accepts a single object.',
     );
   });
 
@@ -94,8 +93,7 @@ describe('ReactFragment', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'React.addons.createFragment does not accept a ReactElement without a ' +
-      'wrapper object.'
+        'wrapper object.',
     );
   });
-
 });
diff --git a/src/addons/__tests__/renderSubtreeIntoContainer-test.js b/src/addons/__tests__/renderSubtreeIntoContainer-test.js
index 155aa3e4f2..30e617480b 100644
--- a/src/addons/__tests__/renderSubtreeIntoContainer-test.js
+++ b/src/addons/__tests__/renderSubtreeIntoContainer-test.js
@@ -17,7 +17,6 @@ var ReactTestUtils = require('ReactTestUtils');
 var renderSubtreeIntoContainer = require('renderSubtreeIntoContainer');
 
 describe('renderSubtreeIntoContainer', () => {
-
   it('should pass context when rendering subtree elsewhere', () => {
     var portal = document.createElement('div');
 
@@ -47,9 +46,11 @@ describe('renderSubtreeIntoContainer', () => {
       }
 
       componentDidMount() {
-        expect(function() {
-          renderSubtreeIntoContainer(this, <Component />, portal);
-        }.bind(this)).not.toThrow();
+        expect(
+          function() {
+            renderSubtreeIntoContainer(this, <Component />, portal);
+          }.bind(this),
+        ).not.toThrow();
       }
     }
 
@@ -296,5 +297,4 @@ describe('renderSubtreeIntoContainer', () => {
     ReactDOM.render(<Parent value="foo" />, container);
     expect(portal2.textContent).toBe('foo');
   });
-
 });
diff --git a/src/addons/__tests__/update-test.js b/src/addons/__tests__/update-test.js
index fe557da38f..15cf7ff75d 100644
--- a/src/addons/__tests__/update-test.js
+++ b/src/addons/__tests__/update-test.js
@@ -14,7 +14,6 @@
 var update = require('update');
 
 describe('update', () => {
-
   describe('$push', () => {
     it('pushes', () => {
       expect(update([1], {$push: [7]})).toEqual([1, 7]);
@@ -27,12 +26,12 @@ describe('update', () => {
     it('only pushes an array', () => {
       expect(update.bind(null, [], {$push: 7})).toThrowError(
         'update(): expected spec of $push to be an array; got 7. Did you ' +
-        'forget to wrap your parameter in an array?'
+          'forget to wrap your parameter in an array?',
       );
     });
     it('only pushes unto an array', () => {
       expect(update.bind(null, 1, {$push: 7})).toThrowError(
-        'update(): expected target of $push to be an array; got 1.'
+        'update(): expected target of $push to be an array; got 1.',
       );
     });
   });
@@ -49,12 +48,12 @@ describe('update', () => {
     it('only unshifts an array', () => {
       expect(update.bind(null, [], {$unshift: 7})).toThrowError(
         'update(): expected spec of $unshift to be an array; got 7. Did you ' +
-        'forget to wrap your parameter in an array?'
+          'forget to wrap your parameter in an array?',
       );
     });
     it('only unshifts unto an array', () => {
       expect(update.bind(null, 1, {$unshift: 7})).toThrowError(
-        'update(): expected target of $unshift to be an array; got 1.'
+        'update(): expected target of $unshift to be an array; got 1.',
       );
     });
   });
@@ -71,16 +70,16 @@ describe('update', () => {
     it('only splices an array of arrays', () => {
       expect(update.bind(null, [], {$splice: 1})).toThrowError(
         'update(): expected spec of $splice to be an array of arrays; got 1. ' +
-        'Did you forget to wrap your parameters in an array?'
+          'Did you forget to wrap your parameters in an array?',
       );
       expect(update.bind(null, [], {$splice: [1]})).toThrowError(
         'update(): expected spec of $splice to be an array of arrays; got 1. ' +
-        'Did you forget to wrap your parameters in an array?'
+          'Did you forget to wrap your parameters in an array?',
       );
     });
     it('only splices unto an array', () => {
       expect(update.bind(null, 1, {$splice: 7})).toThrowError(
-        'Expected $splice target to be an array; got 1'
+        'Expected $splice target to be an array; got 1',
       );
     });
   });
@@ -96,12 +95,12 @@ describe('update', () => {
     });
     it('only merges with an object', () => {
       expect(update.bind(null, {}, {$merge: 7})).toThrowError(
-        'update(): $merge expects a spec of type \'object\'; got 7'
+        "update(): $merge expects a spec of type 'object'; got 7",
       );
     });
     it('only merges with an object', () => {
       expect(update.bind(null, 7, {$merge: {a: 'b'}})).toThrowError(
-        'update(): $merge expects a target of type \'object\'; got 7'
+        "update(): $merge expects a target of type 'object'; got 7",
       );
     });
   });
@@ -131,32 +130,37 @@ describe('update', () => {
     });
     it('only applies a function', () => {
       expect(update.bind(null, 2, {$apply: 123})).toThrowError(
-        'update(): expected spec of $apply to be a function; got 123.'
+        'update(): expected spec of $apply to be a function; got 123.',
       );
     });
   });
 
   it('should support deep updates', () => {
-    expect(update({
-      a: 'b',
-      c: {
-        d: 'e',
-        f: [1],
-        g: [2],
-        h: [3],
-        i: {j: 'k'},
-        l: 4,
-      },
-    }, {
-      c: {
-        d: {$set: 'm'},
-        f: {$push: [5]},
-        g: {$unshift: [6]},
-        h: {$splice: [[0, 1, 7]]},
-        i: {$merge: {n: 'o'}},
-        l: {$apply: (x) => x * 2},
-      },
-    })).toEqual({
+    expect(
+      update(
+        {
+          a: 'b',
+          c: {
+            d: 'e',
+            f: [1],
+            g: [2],
+            h: [3],
+            i: {j: 'k'},
+            l: 4,
+          },
+        },
+        {
+          c: {
+            d: {$set: 'm'},
+            f: {$push: [5]},
+            g: {$unshift: [6]},
+            h: {$splice: [[0, 1, 7]]},
+            i: {$merge: {n: 'o'}},
+            l: {$apply: x => x * 2},
+          },
+        },
+      ),
+    ).toEqual({
       a: 'b',
       c: {
         d: 'm',
@@ -172,14 +176,14 @@ describe('update', () => {
   it('should require a command', () => {
     expect(update.bind(null, {a: 'b'}, {a: 'c'})).toThrowError(
       'update(): You provided a key path to update() that did not contain ' +
-      'one of $push, $unshift, $splice, $set, $merge, $apply. Did you ' +
-      'forget to include {$set: ...}?'
+        'one of $push, $unshift, $splice, $set, $merge, $apply. Did you ' +
+        'forget to include {$set: ...}?',
     );
   });
 
   it('should perform safe hasOwnProperty check', () => {
-    expect(update({}, {'hasOwnProperty': {$set: 'a'}})).toEqual({
-      'hasOwnProperty': 'a',
+    expect(update({}, {hasOwnProperty: {$set: 'a'}})).toEqual({
+      hasOwnProperty: 'a',
     });
   });
 });
diff --git a/src/addons/shallowCompare.js b/src/addons/shallowCompare.js
index f06b8a6e54..5bb1f500a8 100644
--- a/src/addons/shallowCompare.js
+++ b/src/addons/shallowCompare.js
@@ -19,10 +19,8 @@ var shallowEqual = require('fbjs/lib/shallowEqual');
  * See also https://facebook.github.io/react/docs/shallow-compare.html
  */
 function shallowCompare(instance, nextProps, nextState) {
-  return (
-    !shallowEqual(instance.props, nextProps) ||
-    !shallowEqual(instance.state, nextState)
-  );
+  return !shallowEqual(instance.props, nextProps) ||
+    !shallowEqual(instance.state, nextState);
 }
 
 module.exports = shallowCompare;
diff --git a/src/addons/transitions/ReactCSSTransitionGroup.js b/src/addons/transitions/ReactCSSTransitionGroup.js
index 8e6ae4c1b0..97f1075a0f 100644
--- a/src/addons/transitions/ReactCSSTransitionGroup.js
+++ b/src/addons/transitions/ReactCSSTransitionGroup.js
@@ -26,16 +26,19 @@ function createTransitionTimeoutPropValidator(transitionType) {
       // If no timeout duration is provided
       if (props[timeoutPropName] == null) {
         return new Error(
-          timeoutPropName + ' wasn\'t supplied to ReactCSSTransitionGroup: ' +
-          'this can cause unreliable animations and won\'t be supported in ' +
-          'a future version of React. See ' +
-          'https://fb.me/react-animation-transition-group-timeout for more ' +
-          'information.'
+          timeoutPropName +
+            " wasn't supplied to ReactCSSTransitionGroup: " +
+            "this can cause unreliable animations and won't be supported in " +
+            'a future version of React. See ' +
+            'https://fb.me/react-animation-transition-group-timeout for more ' +
+            'information.',
         );
 
-      // If the duration isn't a number
+        // If the duration isn't a number
       } else if (typeof props[timeoutPropName] !== 'number') {
-        return new Error(timeoutPropName + ' must be a number (in milliseconds)');
+        return new Error(
+          timeoutPropName + ' must be a number (in milliseconds)',
+        );
       }
     }
   };
@@ -66,7 +69,7 @@ class ReactCSSTransitionGroup extends React.Component {
     transitionLeave: true,
   };
 
-  _wrapChild = (child) => {
+  _wrapChild = child => {
     // We need to provide this childFactory so that
     // ReactCSSTransitionGroupChild can receive updates to name, enter, and
     // leave while it is leaving.
@@ -81,14 +84,14 @@ class ReactCSSTransitionGroup extends React.Component {
         enterTimeout: this.props.transitionEnterTimeout,
         leaveTimeout: this.props.transitionLeaveTimeout,
       },
-      child
+      child,
     );
   };
 
   render() {
     return React.createElement(
       ReactTransitionGroup,
-      Object.assign({}, this.props, {childFactory: this._wrapChild})
+      Object.assign({}, this.props, {childFactory: this._wrapChild}),
     );
   }
 }
diff --git a/src/addons/transitions/ReactCSSTransitionGroupChild.js b/src/addons/transitions/ReactCSSTransitionGroupChild.js
index 63d61ae0d7..e2a794d0fa 100644
--- a/src/addons/transitions/ReactCSSTransitionGroupChild.js
+++ b/src/addons/transitions/ReactCSSTransitionGroupChild.js
@@ -63,8 +63,10 @@ var ReactCSSTransitionGroupChild = React.createClass({
       return;
     }
 
-    var className = this.props.name[animationType] || this.props.name + '-' + animationType;
-    var activeClassName = this.props.name[animationType + 'Active'] || className + '-active';
+    var className = this.props.name[animationType] ||
+      this.props.name + '-' + animationType;
+    var activeClassName = this.props.name[animationType + 'Active'] ||
+      className + '-active';
     var timeout = null;
 
     var endListener = function(e) {
diff --git a/src/addons/transitions/ReactTransitionChildMapping.js b/src/addons/transitions/ReactTransitionChildMapping.js
index a01bd42526..4ba6795dfc 100644
--- a/src/addons/transitions/ReactTransitionChildMapping.js
+++ b/src/addons/transitions/ReactTransitionChildMapping.js
@@ -86,7 +86,7 @@ var ReactTransitionChildMapping = {
         for (i = 0; i < nextKeysPending[nextKey].length; i++) {
           var pendingNextKey = nextKeysPending[nextKey][i];
           childMapping[nextKeysPending[nextKey][i]] = getValueForKey(
-            pendingNextKey
+            pendingNextKey,
           );
         }
       }
diff --git a/src/addons/transitions/ReactTransitionGroup.js b/src/addons/transitions/ReactTransitionGroup.js
index d5209e6b31..0b25c5feb0 100644
--- a/src/addons/transitions/ReactTransitionGroup.js
+++ b/src/addons/transitions/ReactTransitionGroup.js
@@ -56,14 +56,14 @@ class ReactTransitionGroup extends React.Component {
 
   componentWillReceiveProps(nextProps) {
     var nextChildMapping = ReactTransitionChildMapping.getChildMapping(
-      nextProps.children
+      nextProps.children,
     );
     var prevChildMapping = this.state.children;
 
     this.setState({
       children: ReactTransitionChildMapping.mergeChildMappings(
         prevChildMapping,
-        nextChildMapping
+        nextChildMapping,
       ),
     });
 
@@ -71,16 +71,22 @@ class ReactTransitionGroup extends React.Component {
 
     for (key in nextChildMapping) {
       var hasPrev = prevChildMapping && prevChildMapping.hasOwnProperty(key);
-      if (nextChildMapping[key] && !hasPrev &&
-          !this.currentlyTransitioningKeys[key]) {
+      if (
+        nextChildMapping[key] &&
+        !hasPrev &&
+        !this.currentlyTransitioningKeys[key]
+      ) {
         this.keysToEnter.push(key);
       }
     }
 
     for (key in prevChildMapping) {
       var hasNext = nextChildMapping && nextChildMapping.hasOwnProperty(key);
-      if (prevChildMapping[key] && !hasNext &&
-          !this.currentlyTransitioningKeys[key]) {
+      if (
+        prevChildMapping[key] &&
+        !hasNext &&
+        !this.currentlyTransitioningKeys[key]
+      ) {
         this.keysToLeave.push(key);
       }
     }
@@ -98,21 +104,19 @@ class ReactTransitionGroup extends React.Component {
     keysToLeave.forEach(this.performLeave);
   }
 
-  performAppear = (key) => {
+  performAppear = key => {
     this.currentlyTransitioningKeys[key] = true;
 
     var component = this.refs[key];
 
     if (component.componentWillAppear) {
-      component.componentWillAppear(
-        this._handleDoneAppearing.bind(this, key)
-      );
+      component.componentWillAppear(this._handleDoneAppearing.bind(this, key));
     } else {
       this._handleDoneAppearing(key);
     }
   };
 
-  _handleDoneAppearing = (key) => {
+  _handleDoneAppearing = key => {
     var component = this.refs[key];
     if (component.componentDidAppear) {
       component.componentDidAppear();
@@ -121,7 +125,7 @@ class ReactTransitionGroup extends React.Component {
     delete this.currentlyTransitioningKeys[key];
 
     var currentChildMapping = ReactTransitionChildMapping.getChildMapping(
-      this.props.children
+      this.props.children,
     );
 
     if (!currentChildMapping || !currentChildMapping.hasOwnProperty(key)) {
@@ -130,21 +134,19 @@ class ReactTransitionGroup extends React.Component {
     }
   };
 
-  performEnter = (key) => {
+  performEnter = key => {
     this.currentlyTransitioningKeys[key] = true;
 
     var component = this.refs[key];
 
     if (component.componentWillEnter) {
-      component.componentWillEnter(
-        this._handleDoneEntering.bind(this, key)
-      );
+      component.componentWillEnter(this._handleDoneEntering.bind(this, key));
     } else {
       this._handleDoneEntering(key);
     }
   };
 
-  _handleDoneEntering = (key) => {
+  _handleDoneEntering = key => {
     var component = this.refs[key];
     if (component.componentDidEnter) {
       component.componentDidEnter();
@@ -153,7 +155,7 @@ class ReactTransitionGroup extends React.Component {
     delete this.currentlyTransitioningKeys[key];
 
     var currentChildMapping = ReactTransitionChildMapping.getChildMapping(
-      this.props.children
+      this.props.children,
     );
 
     if (!currentChildMapping || !currentChildMapping.hasOwnProperty(key)) {
@@ -162,7 +164,7 @@ class ReactTransitionGroup extends React.Component {
     }
   };
 
-  performLeave = (key) => {
+  performLeave = key => {
     this.currentlyTransitioningKeys[key] = true;
 
     var component = this.refs[key];
@@ -176,7 +178,7 @@ class ReactTransitionGroup extends React.Component {
     }
   };
 
-  _handleDoneLeaving = (key) => {
+  _handleDoneLeaving = key => {
     var component = this.refs[key];
 
     if (component.componentDidLeave) {
@@ -186,7 +188,7 @@ class ReactTransitionGroup extends React.Component {
     delete this.currentlyTransitioningKeys[key];
 
     var currentChildMapping = ReactTransitionChildMapping.getChildMapping(
-      this.props.children
+      this.props.children,
     );
 
     if (currentChildMapping && currentChildMapping.hasOwnProperty(key)) {
@@ -213,10 +215,12 @@ class ReactTransitionGroup extends React.Component {
         // already been removed. In case you need this behavior you can provide
         // a childFactory function to wrap every child, even the ones that are
         // leaving.
-        childrenToRender.push(React.cloneElement(
-          this.props.childFactory(child),
-          {ref: key, key: key}
-        ));
+        childrenToRender.push(
+          React.cloneElement(this.props.childFactory(child), {
+            ref: key,
+            key: key,
+          }),
+        );
       }
     }
 
@@ -232,11 +236,7 @@ class ReactTransitionGroup extends React.Component {
     delete props.transitionAppearTimeout;
     delete props.component;
 
-    return React.createElement(
-      this.props.component,
-      props,
-      childrenToRender
-    );
+    return React.createElement(this.props.component, props, childrenToRender);
   }
 }
 
diff --git a/src/addons/transitions/__tests__/ReactCSSTransitionGroup-test.js b/src/addons/transitions/__tests__/ReactCSSTransitionGroup-test.js
index b6dbb48e00..aaecb6e485 100644
--- a/src/addons/transitions/__tests__/ReactCSSTransitionGroup-test.js
+++ b/src/addons/transitions/__tests__/ReactCSSTransitionGroup-test.js
@@ -32,16 +32,15 @@ describe('ReactCSSTransitionGroup', () => {
     spyOn(console, 'error');
   });
 
-  it('should warn if timeouts aren\'t specified', () => {
+  it("should warn if timeouts aren't specified", () => {
     ReactDOM.render(
       <ReactCSSTransitionGroup
         transitionName="yolo"
         transitionEnter={false}
-        transitionLeave={true}
-      >
+        transitionLeave={true}>
         <span key="one" id="one" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
 
     // Warning about the missing transitionLeaveTimeout prop
@@ -54,11 +53,10 @@ describe('ReactCSSTransitionGroup', () => {
         transitionName="yolo"
         transitionEnter={false}
         transitionLeave={true}
-        transitionLeaveTimeout={0}
-      >
+        transitionLeaveTimeout={0}>
         <span key="one" id="one" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
 
     expectDev(console.error.calls.count()).toBe(0);
@@ -69,11 +67,10 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup
         transitionName="yolo"
         transitionEnter={false}
-        transitionLeaveTimeout={200}
-      >
+        transitionLeaveTimeout={200}>
         <span key="one" id="one" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(1);
 
@@ -83,11 +80,10 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup
         transitionName="yolo"
         transitionEnter={false}
-        transitionLeaveTimeout={200}
-      >
+        transitionLeaveTimeout={200}>
         <span key="two" id="two" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(2);
     expect(ReactDOM.findDOMNode(a).childNodes[0].id).toBe('two');
@@ -115,14 +111,14 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup transitionName="yolo">
         <span key="one" id="one" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(1);
     ReactDOM.render(
       <ReactCSSTransitionGroup transitionName="yolo">
         <span key="two" id="two" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(2);
     expect(ReactDOM.findDOMNode(a).childNodes[0].id).toBe('two');
@@ -132,32 +128,32 @@ describe('ReactCSSTransitionGroup', () => {
   it('should switch transitionLeave from false to true', () => {
     var a = ReactDOM.render(
       <ReactCSSTransitionGroup
-          transitionName="yolo"
-          transitionEnter={false}
-          transitionLeave={false}>
+        transitionName="yolo"
+        transitionEnter={false}
+        transitionLeave={false}>
         <span key="one" id="one" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(1);
     ReactDOM.render(
       <ReactCSSTransitionGroup
-          transitionName="yolo"
-          transitionEnter={false}
-          transitionLeave={false}>
+        transitionName="yolo"
+        transitionEnter={false}
+        transitionLeave={false}>
         <span key="two" id="two" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(1);
     ReactDOM.render(
       <ReactCSSTransitionGroup
-          transitionName="yolo"
-          transitionEnter={false}
-          transitionLeave={true}>
+        transitionName="yolo"
+        transitionEnter={false}
+        transitionLeave={true}>
         <span key="three" id="three" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(2);
     expect(ReactDOM.findDOMNode(a).childNodes[0].id).toBe('three');
@@ -167,7 +163,7 @@ describe('ReactCSSTransitionGroup', () => {
   it('should work with no children', () => {
     ReactDOM.render(
       <ReactCSSTransitionGroup transitionName="yolo" />,
-      container
+      container,
     );
   });
 
@@ -176,7 +172,7 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup transitionName="yolo">
         {[null]}
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
   });
 
@@ -185,14 +181,14 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup transitionName="yolo">
         <span key="one" id="one" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(1);
     ReactDOM.render(
       <ReactCSSTransitionGroup transitionName="yolo">
         {null}
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     // (Here, we expect the original child to stick around but test that no
     // exception is thrown)
@@ -205,20 +201,20 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup transitionName="yolo">
         {false}
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(0);
     ReactDOM.render(
       <ReactCSSTransitionGroup transitionName="yolo">
         <span key="one" id="one" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(1);
     expect(ReactDOM.findDOMNode(a).childNodes[0].id).toBe('one');
   });
 
-  it('should use transition-type specific names when they\'re provided', () => {
+  it("should use transition-type specific names when they're provided", () => {
     var customTransitionNames = {
       enter: 'custom-entering',
       leave: 'custom-leaving',
@@ -228,11 +224,10 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup
         transitionName={customTransitionNames}
         transitionEnterTimeout={1}
-        transitionLeaveTimeout={1}
-      >
+        transitionLeaveTimeout={1}>
         <span key="one" id="one" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(1);
 
@@ -241,12 +236,11 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup
         transitionName={customTransitionNames}
         transitionEnterTimeout={1}
-        transitionLeaveTimeout={1}
-      >
+        transitionLeaveTimeout={1}>
         <span key="one" id="one" />
         <span key="two" id="two" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(2);
 
@@ -258,11 +252,10 @@ describe('ReactCSSTransitionGroup', () => {
       <ReactCSSTransitionGroup
         transitionName={customTransitionNames}
         transitionEnterTimeout={1}
-        transitionLeaveTimeout={1}
-      >
+        transitionLeaveTimeout={1}>
         <span key="two" id="two" />
       </ReactCSSTransitionGroup>,
-      container
+      container,
     );
     expect(ReactDOM.findDOMNode(a).childNodes.length).toBe(2);
 
@@ -284,7 +277,10 @@ describe('ReactCSSTransitionGroup', () => {
     }
 
     ReactDOM.render(<Component />, container);
-    ReactDOM.render(<Component><span key="yolo" id="yolo" /></Component>, container);
+    ReactDOM.render(
+      <Component><span key="yolo" id="yolo" /></Component>,
+      container,
+    );
 
     ReactDOM.unmountComponentAtNode(container);
 
@@ -303,10 +299,10 @@ describe('ReactCSSTransitionGroup', () => {
     }
 
     class Component extends React.Component {
-      state = { showChild: true };
+      state = {showChild: true};
 
       componentDidMount() {
-        this.setState({ showChild: false });
+        this.setState({showChild: false});
       }
 
       render() {
@@ -314,8 +310,7 @@ describe('ReactCSSTransitionGroup', () => {
           <ReactCSSTransitionGroup
             transitionName="yolo"
             transitionAppear={true}
-            transitionAppearTimeout={0}
-          >
+            transitionAppearTimeout={0}>
             <Child show={this.state.showChild} />
           </ReactCSSTransitionGroup>
         );
diff --git a/src/addons/transitions/__tests__/ReactTransitionChildMapping-test.js b/src/addons/transitions/__tests__/ReactTransitionChildMapping-test.js
index 5f61f0b817..a383d11f51 100644
--- a/src/addons/transitions/__tests__/ReactTransitionChildMapping-test.js
+++ b/src/addons/transitions/__tests__/ReactTransitionChildMapping-test.js
@@ -27,7 +27,7 @@ describe('ReactTransitionChildMapping', () => {
     var two = <div key="two" />;
     var component = <div>{one}{two}</div>;
     expect(
-      ReactTransitionChildMapping.getChildMapping(component.props.children)
+      ReactTransitionChildMapping.getChildMapping(component.props.children),
     ).toEqual({
       '.$one': one,
       '.$two': two,
diff --git a/src/addons/transitions/__tests__/ReactTransitionGroup-test.js b/src/addons/transitions/__tests__/ReactTransitionGroup-test.js
index 0f393f92dd..b9cce0db97 100644
--- a/src/addons/transitions/__tests__/ReactTransitionGroup-test.js
+++ b/src/addons/transitions/__tests__/ReactTransitionGroup-test.js
@@ -28,7 +28,6 @@ describe('ReactTransitionGroup', () => {
     container = document.createElement('div');
   });
 
-
   it('should handle willEnter correctly', () => {
     var log = [];
 
@@ -37,7 +36,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didMount');
       }
 
-      componentWillAppear = (cb) => {
+      componentWillAppear = cb => {
         log.push('willAppear');
         cb();
       };
@@ -46,7 +45,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didAppear');
       };
 
-      componentWillEnter = (cb) => {
+      componentWillEnter = cb => {
         log.push('willEnter');
         cb();
       };
@@ -55,7 +54,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didEnter');
       };
 
-      componentWillLeave = (cb) => {
+      componentWillLeave = cb => {
         log.push('willLeave');
         cb();
       };
@@ -108,7 +107,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didMount');
       }
 
-      componentWillEnter = (cb) => {
+      componentWillEnter = cb => {
         log.push('willEnter');
         willEnterCb = cb;
       };
@@ -117,7 +116,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didEnter');
       };
 
-      componentWillLeave = (cb) => {
+      componentWillLeave = cb => {
         log.push('willLeave');
         cb();
       };
@@ -159,8 +158,13 @@ describe('ReactTransitionGroup', () => {
     // other animations are blocked until willEnterCb is called
     willEnterCb();
     expect(log).toEqual([
-      'didMount', 'didMount', 'willEnter',
-      'didEnter', 'willLeave', 'didLeave', 'willUnmount',
+      'didMount',
+      'didMount',
+      'willEnter',
+      'didEnter',
+      'willLeave',
+      'didLeave',
+      'willUnmount',
     ]);
   });
 
@@ -173,7 +177,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didMount');
       }
 
-      componentWillEnter = (cb) => {
+      componentWillEnter = cb => {
         log.push('willEnter');
         willEnterCb = cb;
       };
@@ -182,7 +186,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didEnter');
       };
 
-      componentWillLeave = (cb) => {
+      componentWillLeave = cb => {
         log.push('willLeave');
         cb();
       };
@@ -222,9 +226,7 @@ describe('ReactTransitionGroup', () => {
       instance.setState({count: 2});
     }
     willEnterCb();
-    expect(log).toEqual([
-      'didMount', 'didMount', 'willEnter', 'didEnter',
-    ]);
+    expect(log).toEqual(['didMount', 'didMount', 'willEnter', 'didEnter']);
   });
 
   it('should handle entering/leaving several elements at once', () => {
@@ -235,7 +237,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didMount' + this.props.id);
       }
 
-      componentWillEnter = (cb) => {
+      componentWillEnter = cb => {
         log.push('willEnter' + this.props.id);
         cb();
       };
@@ -244,7 +246,7 @@ describe('ReactTransitionGroup', () => {
         log.push('didEnter' + this.props.id);
       };
 
-      componentWillLeave = (cb) => {
+      componentWillLeave = cb => {
         log.push('willLeave' + this.props.id);
         cb();
       };
@@ -280,15 +282,26 @@ describe('ReactTransitionGroup', () => {
 
     instance.setState({count: 3});
     expect(log).toEqual([
-      'didMount1', 'didMount2', 'willEnter1', 'didEnter1',
-      'willEnter2', 'didEnter2',
+      'didMount1',
+      'didMount2',
+      'willEnter1',
+      'didEnter1',
+      'willEnter2',
+      'didEnter2',
     ]);
     log = [];
 
     instance.setState({count: 0});
     expect(log).toEqual([
-      'willLeave0', 'didLeave0', 'willLeave1', 'didLeave1',
-      'willLeave2', 'didLeave2', 'willUnmount0', 'willUnmount1', 'willUnmount2',
+      'willLeave0',
+      'didLeave0',
+      'willLeave1',
+      'didLeave1',
+      'willLeave2',
+      'didLeave2',
+      'willUnmount0',
+      'willUnmount1',
+      'willUnmount2',
     ]);
   });
 
@@ -307,15 +320,15 @@ describe('ReactTransitionGroup', () => {
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: flattenChildren(...): ' +
-      'Encountered two children with the same key, `1`. ' +
-      'Child keys must be unique; when two children share a key, ' +
-      'only the first child will be used.'
+        'Encountered two children with the same key, `1`. ' +
+        'Child keys must be unique; when two children share a key, ' +
+        'only the first child will be used.',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toBe(
       'Warning: flattenChildren(...): ' +
-      'Encountered two children with the same key, `1`. ' +
-      'Child keys must be unique; when two children share a key, ' +
-      'only the first child will be used.'
+        'Encountered two children with the same key, `1`. ' +
+        'Child keys must be unique; when two children share a key, ' +
+        'only the first child will be used.',
     );
   });
 });
diff --git a/src/addons/update.js b/src/addons/update.js
index 47390e0652..d690c6723a 100644
--- a/src/addons/update.js
+++ b/src/addons/update.js
@@ -9,7 +9,7 @@
  * @providesModule update
  */
 
- /* global hasOwnProperty:true */
+/* global hasOwnProperty:true */
 
 'use strict';
 
@@ -53,15 +53,15 @@ function invariantArrayCase(value, spec, command) {
     Array.isArray(value),
     'update(): expected target of %s to be an array; got %s.',
     command,
-    value
+    value,
   );
   var specValue = spec[command];
   invariant(
     Array.isArray(specValue),
     'update(): expected spec of %s to be an array; got %s. ' +
-    'Did you forget to wrap your parameter in an array?',
+      'Did you forget to wrap your parameter in an array?',
     command,
-    specValue
+    specValue,
   );
 }
 
@@ -73,16 +73,16 @@ function update(value, spec) {
   invariant(
     typeof spec === 'object',
     'update(): You provided a key path to update() that did not contain one ' +
-    'of %s. Did you forget to include {%s: ...}?',
+      'of %s. Did you forget to include {%s: ...}?',
     ALL_COMMANDS_LIST.join(', '),
-    COMMAND_SET
+    COMMAND_SET,
   );
 
   if (hasOwnProperty.call(spec, COMMAND_SET)) {
     invariant(
       Object.keys(spec).length === 1,
       'Cannot have more than one key in an object with %s',
-      COMMAND_SET
+      COMMAND_SET,
     );
 
     return spec[COMMAND_SET];
@@ -94,15 +94,15 @@ function update(value, spec) {
     var mergeObj = spec[COMMAND_MERGE];
     invariant(
       mergeObj && typeof mergeObj === 'object',
-      'update(): %s expects a spec of type \'object\'; got %s',
+      "update(): %s expects a spec of type 'object'; got %s",
       COMMAND_MERGE,
-      mergeObj
+      mergeObj,
     );
     invariant(
       nextValue && typeof nextValue === 'object',
-      'update(): %s expects a target of type \'object\'; got %s',
+      "update(): %s expects a target of type 'object'; got %s",
       COMMAND_MERGE,
-      nextValue
+      nextValue,
     );
     Object.assign(nextValue, spec[COMMAND_MERGE]);
   }
@@ -126,22 +126,22 @@ function update(value, spec) {
       Array.isArray(value),
       'Expected %s target to be an array; got %s',
       COMMAND_SPLICE,
-      value
+      value,
     );
     invariant(
       Array.isArray(spec[COMMAND_SPLICE]),
       'update(): expected spec of %s to be an array of arrays; got %s. ' +
-      'Did you forget to wrap your parameters in an array?',
+        'Did you forget to wrap your parameters in an array?',
       COMMAND_SPLICE,
-      spec[COMMAND_SPLICE]
+      spec[COMMAND_SPLICE],
     );
     spec[COMMAND_SPLICE].forEach(function(args) {
       invariant(
         Array.isArray(args),
         'update(): expected spec of %s to be an array of arrays; got %s. ' +
-        'Did you forget to wrap your parameters in an array?',
+          'Did you forget to wrap your parameters in an array?',
         COMMAND_SPLICE,
-        spec[COMMAND_SPLICE]
+        spec[COMMAND_SPLICE],
       );
       nextValue.splice.apply(nextValue, args);
     });
@@ -152,7 +152,7 @@ function update(value, spec) {
       typeof spec[COMMAND_APPLY] === 'function',
       'update(): expected spec of %s to be a function; got %s.',
       COMMAND_APPLY,
-      spec[COMMAND_APPLY]
+      spec[COMMAND_APPLY],
     );
     nextValue = spec[COMMAND_APPLY](nextValue);
   }
diff --git a/src/isomorphic/React.js b/src/isomorphic/React.js
index 73d0e1575f..4e03036be2 100644
--- a/src/isomorphic/React.js
+++ b/src/isomorphic/React.js
@@ -45,16 +45,14 @@ if (__DEV__) {
     warning(
       warnedForCreateMixin,
       'React.createMixin is deprecated and should not be used. You ' +
-      'can use this mixin directly instead.'
+        'can use this mixin directly instead.',
     );
     warnedForCreateMixin = true;
     return mixin;
   };
-
 }
 
 var React = {
-
   // Modern
 
   Children: {
@@ -86,7 +84,6 @@ var React = {
   DOM: ReactDOMFactories,
 
   version: ReactVersion,
-
 };
 
 module.exports = React;
diff --git a/src/isomorphic/__tests__/React-test.js b/src/isomorphic/__tests__/React-test.js
index c36d58e02b..ec007f16a3 100644
--- a/src/isomorphic/__tests__/React-test.js
+++ b/src/isomorphic/__tests__/React-test.js
@@ -12,7 +12,6 @@
 'use strict';
 
 describe('React', () => {
-
   var React;
 
   beforeEach(() => {
@@ -25,8 +24,7 @@ describe('React', () => {
     React.createMixin();
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'React.createMixin is deprecated and should not be used'
+      'React.createMixin is deprecated and should not be used',
     );
   });
-
 });
diff --git a/src/isomorphic/children/ReactChildren.js b/src/isomorphic/children/ReactChildren.js
index a870fec2e3..206d946575 100644
--- a/src/isomorphic/children/ReactChildren.js
+++ b/src/isomorphic/children/ReactChildren.js
@@ -20,13 +20,11 @@ var traverseAllChildren = require('traverseAllChildren');
 var twoArgumentPooler = PooledClass.twoArgumentPooler;
 var fourArgumentPooler = PooledClass.fourArgumentPooler;
 
-
 var userProvidedKeyEscapeRegex = /\/+/g;
 function escapeUserProvidedKey(text) {
   return ('' + text).replace(userProvidedKeyEscapeRegex, '$&/');
 }
 
-
 /**
  * PooledClass representing the bookkeeping associated with performing a child
  * traversal. Allows avoiding binding callbacks.
@@ -68,13 +66,14 @@ function forEachChildren(children, forEachFunc, forEachContext) {
   if (children == null) {
     return children;
   }
-  var traverseContext =
-    ForEachBookKeeping.getPooled(forEachFunc, forEachContext);
+  var traverseContext = ForEachBookKeeping.getPooled(
+    forEachFunc,
+    forEachContext,
+  );
   traverseAllChildren(children, forEachSingleChild, traverseContext);
   ForEachBookKeeping.release(traverseContext);
 }
 
-
 /**
  * PooledClass representing the bookkeeping associated with performing a child
  * mapping. Allows avoiding binding callbacks.
@@ -109,7 +108,7 @@ function mapSingleChildIntoContext(bookKeeping, child, childKey) {
       mappedChild,
       result,
       childKey,
-      emptyFunction.thatReturnsArgument
+      emptyFunction.thatReturnsArgument,
     );
   } else if (mappedChild != null) {
     if (ReactElement.isValidElement(mappedChild)) {
@@ -118,12 +117,10 @@ function mapSingleChildIntoContext(bookKeeping, child, childKey) {
         // Keep both the (mapped) and old keys if they differ, just as
         // traverseAllChildren used to do for objects as children
         keyPrefix +
-        (
-          (mappedChild.key && (!child || (child.key !== mappedChild.key))) ?
-          escapeUserProvidedKey(mappedChild.key) + '/' :
-          ''
-        ) +
-        childKey
+          (mappedChild.key && (!child || child.key !== mappedChild.key)
+            ? escapeUserProvidedKey(mappedChild.key) + '/'
+            : '') +
+          childKey,
       );
     }
     result.push(mappedChild);
@@ -139,7 +136,7 @@ function mapIntoWithKeyPrefixInternal(children, array, prefix, func, context) {
     array,
     escapedPrefix,
     func,
-    context
+    context,
   );
   traverseAllChildren(children, mapSingleChildIntoContext, traverseContext);
   MapBookKeeping.release(traverseContext);
@@ -167,8 +164,6 @@ function mapChildren(children, func, context) {
   return result;
 }
 
-
-
 function forEachSingleChildDummy(traverseContext, child, name) {
   return null;
 }
@@ -186,7 +181,6 @@ function countChildren(children, context) {
   return traverseAllChildren(children, forEachSingleChildDummy, null);
 }
 
-
 /**
  * Flatten a children object (typically specified as `props.children`) and
  * return an array with appropriately re-keyed children.
@@ -199,12 +193,11 @@ function toArray(children) {
     children,
     result,
     null,
-    emptyFunction.thatReturnsArgument
+    emptyFunction.thatReturnsArgument,
   );
   return result;
 }
 
-
 var ReactChildren = {
   forEach: forEachChildren,
   map: mapChildren,
diff --git a/src/isomorphic/children/__tests__/ReactChildren-test.js b/src/isomorphic/children/__tests__/ReactChildren-test.js
index ebe0d1c3c9..6c3421c96d 100644
--- a/src/isomorphic/children/__tests__/ReactChildren-test.js
+++ b/src/isomorphic/children/__tests__/ReactChildren-test.js
@@ -37,7 +37,11 @@ describe('ReactChildren', () => {
     React.Children.forEach(instance.props.children, callback, context);
     expect(callback).toHaveBeenCalledWith(simpleKid, 0);
     callback.calls.reset();
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     expect(callback).toHaveBeenCalledWith(simpleKid, 0);
     expect(mappedChildren[0]).toEqual(<span key=".$simple" />);
   });
@@ -54,7 +58,11 @@ describe('ReactChildren', () => {
     React.Children.forEach(instance.props.children, callback, context);
     expect(callback).toHaveBeenCalledWith(simpleKid, 0);
     callback.calls.reset();
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     expect(callback).toHaveBeenCalledWith(simpleKid, 0);
     expect(mappedChildren[0]).toEqual(<span key=".0" />);
   });
@@ -71,7 +79,11 @@ describe('ReactChildren', () => {
     React.Children.forEach(instance.props.children, callback, context);
     expect(callback).toHaveBeenCalledWith(simpleKid, 0);
     callback.calls.reset();
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     expect(callback).toHaveBeenCalledWith(simpleKid, 0);
     expect(mappedChildren[0]).toEqual(<span key=".$simple" />);
   });
@@ -84,11 +96,10 @@ describe('ReactChildren', () => {
     var four = <div key="keyFour" />;
     var context = {};
 
-    var callback =
-      jasmine.createSpy().and.callFake(function(kid) {
-        expect(this).toBe(context);
-        return kid;
-      });
+    var callback = jasmine.createSpy().and.callFake(function(kid) {
+      expect(this).toBe(context);
+      return kid;
+    });
 
     var instance = (
       <div>
@@ -112,7 +123,11 @@ describe('ReactChildren', () => {
     React.Children.forEach(instance.props.children, callback, context);
     assertCalls();
 
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     assertCalls();
     expect(mappedChildren).toEqual([
       <div key=".$keyZero" />,
@@ -127,11 +142,10 @@ describe('ReactChildren', () => {
     var a = <a key="aNode" />;
 
     var context = {};
-    var callback =
-      jasmine.createSpy().and.callFake(function(kid) {
-        expect(this).toBe(context);
-        return kid;
-      });
+    var callback = jasmine.createSpy().and.callFake(function(kid) {
+      expect(this).toBe(context);
+      return kid;
+    });
 
     var instance = (
       <div>
@@ -164,7 +178,11 @@ describe('ReactChildren', () => {
     React.Children.forEach(instance.props.children, callback, context);
     assertCalls();
 
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     assertCalls();
     expect(mappedChildren).toEqual([
       <div key=".$divNode" />,
@@ -189,34 +207,51 @@ describe('ReactChildren', () => {
     // 2. If grouped in an Array, the `key` prop, falling back to array index
 
     var context = {};
-    var callback =
-      jasmine.createSpy().and.callFake(function(kid) {
-        return kid;
-      });
+    var callback = jasmine.createSpy().and.callFake(function(kid) {
+      return kid;
+    });
 
     var instance = (
-      <div>{[
-        ReactFragment.create({
-          firstHalfKey: [zero, one, two],
-          secondHalfKey: [three, four],
-          keyFive: five,
-        }),
-      ]}</div>
+      <div>
+        {[
+          ReactFragment.create({
+            firstHalfKey: [zero, one, two],
+            secondHalfKey: [three, four],
+            keyFive: five,
+          }),
+        ]}
+      </div>
     );
 
     function assertCalls() {
       expect(callback.calls.count()).toBe(4);
-      expect(callback).toHaveBeenCalledWith(<div key="firstHalfKey/.$keyZero" />, 0);
-      expect(callback).toHaveBeenCalledWith(<div key="firstHalfKey/.$keyTwo" />, 1);
-      expect(callback).toHaveBeenCalledWith(<div key="secondHalfKey/.$keyFour" />, 2);
-      expect(callback).toHaveBeenCalledWith(<div key="keyFive/.$keyFiveInner" />, 3);
+      expect(callback).toHaveBeenCalledWith(
+        <div key="firstHalfKey/.$keyZero" />,
+        0,
+      );
+      expect(callback).toHaveBeenCalledWith(
+        <div key="firstHalfKey/.$keyTwo" />,
+        1,
+      );
+      expect(callback).toHaveBeenCalledWith(
+        <div key="secondHalfKey/.$keyFour" />,
+        2,
+      );
+      expect(callback).toHaveBeenCalledWith(
+        <div key="keyFive/.$keyFiveInner" />,
+        3,
+      );
       callback.calls.reset();
     }
 
     React.Children.forEach(instance.props.children, callback, context);
     assertCalls();
 
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     assertCalls();
     expect(mappedChildren).toEqual([
       <div key=".0:$firstHalfKey/.$keyZero" />,
@@ -230,11 +265,10 @@ describe('ReactChildren', () => {
     var zeroForceKey = <div key="keyZero" />;
     var oneForceKey = <div key="keyOne" />;
     var context = {};
-    var callback =
-      jasmine.createSpy().and.callFake(function(kid) {
-        expect(this).toBe(context);
-        return kid;
-      });
+    var callback = jasmine.createSpy().and.callFake(function(kid) {
+      expect(this).toBe(context);
+      return kid;
+    });
 
     var forcedKeys = (
       <div>
@@ -252,7 +286,11 @@ describe('ReactChildren', () => {
     React.Children.forEach(forcedKeys.props.children, callback, context);
     assertCalls();
 
-    var mappedChildren = React.Children.map(forcedKeys.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      forcedKeys.props.children,
+      callback,
+      context,
+    );
     assertCalls();
     expect(mappedChildren).toEqual([
       <div key=".$keyZero" />,
@@ -278,11 +316,10 @@ describe('ReactChildren', () => {
     };
 
     var context = {};
-    var callback =
-      jasmine.createSpy().and.callFake(function(kid) {
-        expect(this).toBe(context);
-        return kid;
-      });
+    var callback = jasmine.createSpy().and.callFake(function(kid) {
+      expect(this).toBe(context);
+      return kid;
+    });
 
     var instance = (
       <div>
@@ -302,11 +339,15 @@ describe('ReactChildren', () => {
     assertCalls();
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Warning: Each child in an array or iterator should have a unique "key" prop.'
+      'Warning: Each child in an array or iterator should have a unique "key" prop.',
     );
     console.error.calls.reset();
 
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     assertCalls();
     expectDev(console.error.calls.count()).toBe(0);
     expect(mappedChildren).toEqual([
@@ -333,11 +374,10 @@ describe('ReactChildren', () => {
     };
 
     var context = {};
-    var callback =
-      jasmine.createSpy().and.callFake(function(kid) {
-        expect(this).toBe(context);
-        return kid;
-      });
+    var callback = jasmine.createSpy().and.callFake(function(kid) {
+      expect(this).toBe(context);
+      return kid;
+    });
 
     var instance = (
       <div>
@@ -356,7 +396,11 @@ describe('ReactChildren', () => {
     React.Children.forEach(instance.props.children, callback, context);
     assertCalls();
 
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     assertCalls();
     expect(mappedChildren).toEqual([
       <div key=".$#1" />,
@@ -398,7 +442,11 @@ describe('ReactChildren', () => {
       React.Children.forEach(instance.props.children, callback, context);
       assertCalls();
 
-      var mappedChildren = React.Children.map(instance.props.children, callback, context);
+      var mappedChildren = React.Children.map(
+        instance.props.children,
+        callback,
+        context,
+      );
       assertCalls();
       expect(mappedChildren).toEqual([5, 12, 13]);
     } finally {
@@ -435,12 +483,13 @@ describe('ReactChildren', () => {
     React.Children.forEach(instance.props.children, callback, context);
     assertCalls();
 
-    var mappedChildren = React.Children.map(instance.props.children, callback, context);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      context,
+    );
     assertCalls();
-    expect(mappedChildren).toEqual([
-      'a',
-      13,
-    ]);
+    expect(mappedChildren).toEqual(['a', 13]);
 
     delete String.prototype.key;
     delete Number.prototype.key;
@@ -477,8 +526,11 @@ describe('ReactChildren', () => {
     React.Children.forEach(instance.props.children, callback, scopeTester);
     expect(lastContext).toBe(scopeTester);
 
-    var mappedChildren =
-      React.Children.map(instance.props.children, callback, scopeTester);
+    var mappedChildren = React.Children.map(
+      instance.props.children,
+      callback,
+      scopeTester,
+    );
 
     expect(React.Children.count(mappedChildren)).toBe(1);
     expect(mappedChildren[0]).toBe(scopeTester);
@@ -492,9 +544,9 @@ describe('ReactChildren', () => {
     var four = <div key="keyFour" />;
 
     var mapped = [
-      <div key="giraffe" />,  // Key should be joined to obj key
-      null,  // Key should be added even if we don't supply it!
-      <div />,  // Key should be added even if not supplied!
+      <div key="giraffe" />, // Key should be joined to obj key
+      null, // Key should be added even if we don't supply it!
+      <div />, // Key should be added even if not supplied!
       <span />, // Map from null to something.
       <div key="keyFour" />,
     ];
@@ -520,8 +572,7 @@ describe('ReactChildren', () => {
     expect(callback).toHaveBeenCalledWith(four, 4);
     callback.calls.reset();
 
-    var mappedChildren =
-      React.Children.map(instance.props.children, callback);
+    var mappedChildren = React.Children.map(instance.props.children, callback);
     expect(callback.calls.count()).toBe(5);
     expect(React.Children.count(mappedChildren)).toBe(4);
     // Keys default to indices.
@@ -530,9 +581,7 @@ describe('ReactChildren', () => {
       mappedChildren[1].key,
       mappedChildren[2].key,
       mappedChildren[3].key,
-    ]).toEqual(
-      ['giraffe/.$keyZero', '.$keyTwo', '.3', '.$keyFour']
-    );
+    ]).toEqual(['giraffe/.$keyZero', '.$keyTwo', '.3', '.$keyFour']);
 
     expect(callback).toHaveBeenCalledWith(zero, 0);
     expect(callback).toHaveBeenCalledWith(one, 1);
@@ -559,15 +608,15 @@ describe('ReactChildren', () => {
     // 1. If grouped in an Object, the object key combined with `key` prop
     // 2. If grouped in an Array, the `key` prop, falling back to array index
 
-    var zeroMapped = <div key="giraffe" />;  // Key should be overridden
-    var twoMapped = <div />;  // Key should be added even if not supplied!
+    var zeroMapped = <div key="giraffe" />; // Key should be overridden
+    var twoMapped = <div />; // Key should be added even if not supplied!
     var fourMapped = <div key="keyFour" />;
     var fiveMapped = <div />;
 
     var callback = jasmine.createSpy().and.callFake(function(kid, index) {
-      return index === 0 ? zeroMapped :
-        index === 1 ? twoMapped :
-        index === 2 ? fourMapped : fiveMapped;
+      return index === 0
+        ? zeroMapped
+        : index === 1 ? twoMapped : index === 2 ? fourMapped : fiveMapped;
     });
 
     var frag = ReactFragment.create({
@@ -577,12 +626,7 @@ describe('ReactChildren', () => {
     });
     var instance = <div>{[frag]}</div>;
 
-    expect([
-      frag[0].key,
-      frag[1].key,
-      frag[2].key,
-      frag[3].key,
-    ]).toEqual([
+    expect([frag[0].key, frag[1].key, frag[2].key, frag[3].key]).toEqual([
       'firstHalfKey/.$keyZero',
       'firstHalfKey/.$keyTwo',
       'secondHalfKey/.$keyFour',
@@ -618,9 +662,13 @@ describe('ReactChildren', () => {
       '.0:$keyFive/.$keyFiveInner',
     ]);
 
-    expect(mappedChildren[0]).toEqual(<div key="giraffe/.0:$firstHalfKey/.$keyZero" />);
+    expect(mappedChildren[0]).toEqual(
+      <div key="giraffe/.0:$firstHalfKey/.$keyZero" />,
+    );
     expect(mappedChildren[1]).toEqual(<div key=".0:$firstHalfKey/.$keyTwo" />);
-    expect(mappedChildren[2]).toEqual(<div key="keyFour/.0:$secondHalfKey/.$keyFour" />);
+    expect(mappedChildren[2]).toEqual(
+      <div key="keyFour/.0:$secondHalfKey/.$keyFour" />,
+    );
     expect(mappedChildren[3]).toEqual(<div key=".0:$keyFive/.$keyFiveInner" />);
   });
 
@@ -645,21 +693,24 @@ describe('ReactChildren', () => {
     );
 
     var expectedForcedKeys = ['giraffe/.$keyZero', '.$keyOne'];
-    var mappedChildrenForcedKeys =
-      React.Children.map(forcedKeys.props.children, mapFn);
-    var mappedForcedKeys = mappedChildrenForcedKeys.map((c) => c.key);
+    var mappedChildrenForcedKeys = React.Children.map(
+      forcedKeys.props.children,
+      mapFn,
+    );
+    var mappedForcedKeys = mappedChildrenForcedKeys.map(c => c.key);
     expect(mappedForcedKeys).toEqual(expectedForcedKeys);
 
     var expectedRemappedForcedKeys = [
       'giraffe/.$giraffe/.$keyZero',
       '.$.$keyOne',
     ];
-    var remappedChildrenForcedKeys =
-      React.Children.map(mappedChildrenForcedKeys, mapFn);
-    expect(
-      remappedChildrenForcedKeys.map((c) => c.key)
-    ).toEqual(expectedRemappedForcedKeys);
-
+    var remappedChildrenForcedKeys = React.Children.map(
+      mappedChildrenForcedKeys,
+      mapFn,
+    );
+    expect(remappedChildrenForcedKeys.map(c => c.key)).toEqual(
+      expectedRemappedForcedKeys,
+    );
   });
 
   it('should not throw if key provided is a dupe with array key', () => {
@@ -694,10 +745,8 @@ describe('ReactChildren', () => {
       element => element,
     );
 
-    var mappedWithClone = React.Children.map(
-      instance.props.children,
-      element => React.cloneElement(element),
-    );
+    var mappedWithClone = React.Children.map(instance.props.children, element =>
+      React.cloneElement(element));
 
     expect(mapped[0].key).toBe(mappedWithClone[0].key);
   });
@@ -714,10 +763,8 @@ describe('ReactChildren', () => {
       element => element,
     );
 
-    var mappedWithClone = React.Children.map(
-      instance.props.children,
-      element => React.cloneElement(element, {key: 'unique'}),
-    );
+    var mappedWithClone = React.Children.map(instance.props.children, element =>
+      React.cloneElement(element, {key: 'unique'}));
 
     expect(mapped[0].key).toBe(mappedWithClone[0].key);
   });
@@ -773,14 +820,16 @@ describe('ReactChildren', () => {
     // 2. If grouped in an Array, the `key` prop, falling back to array index
 
     var instance = (
-      <div>{[
-        ReactFragment.create({
-          firstHalfKey: [zero, one, two],
-          secondHalfKey: [three, four],
-          keyFive: five,
-        }),
-        null,
-      ]}</div>
+      <div>
+        {[
+          ReactFragment.create({
+            firstHalfKey: [zero, one, two],
+            secondHalfKey: [three, four],
+            keyFive: five,
+          }),
+          null,
+        ]}
+      </div>
     );
     var numberOfChildren = React.Children.count(instance.props.children);
     expect(numberOfChildren).toBe(5);
@@ -792,10 +841,8 @@ describe('ReactChildren', () => {
 
     expect(React.Children.toArray(<div />).length).toBe(1);
     expect(React.Children.toArray([<div />]).length).toBe(1);
-    expect(
-      React.Children.toArray(<div />)[0].key
-    ).toBe(
-      React.Children.toArray([<div />])[0].key
+    expect(React.Children.toArray(<div />)[0].key).toBe(
+      React.Children.toArray([<div />])[0].key,
     );
 
     var flattened = React.Children.toArray([
@@ -819,9 +866,10 @@ describe('ReactChildren', () => {
     expect(flattened[5].key).toBe(reversed[3].key);
 
     // null/undefined/bool are all omitted
-    expect(React.Children.toArray([1, 'two', null, undefined, true])).toEqual(
-      [1, 'two']
-    );
+    expect(React.Children.toArray([1, 'two', null, undefined, true])).toEqual([
+      1,
+      'two',
+    ]);
   });
 
   it('should throw on object', () => {
@@ -829,9 +877,9 @@ describe('ReactChildren', () => {
       React.Children.forEach({a: 1, b: 2}, function() {}, null);
     }).toThrowError(
       'Objects are not valid as a React child (found: object with keys ' +
-      '{a, b}). If you meant to render a collection of children, use an ' +
-      'array instead or wrap the object using createFragment(object) from ' +
-      'the React add-ons.'
+        '{a, b}). If you meant to render a collection of children, use an ' +
+        'array instead or wrap the object using createFragment(object) from ' +
+        'the React add-ons.',
     );
   });
 
@@ -842,8 +890,8 @@ describe('ReactChildren', () => {
       React.Children.forEach(/abc/, function() {}, null);
     }).toThrowError(
       'Objects are not valid as a React child (found: /abc/). If you meant ' +
-      'to render a collection of children, use an array instead or wrap the ' +
-      'object using createFragment(object) from the React add-ons.'
+        'to render a collection of children, use an array instead or wrap the ' +
+        'object using createFragment(object) from the React add-ons.',
     );
   });
 });
diff --git a/src/isomorphic/children/__tests__/onlyChild-test.js b/src/isomorphic/children/__tests__/onlyChild-test.js
index 3481fbccac..45ee0f74b3 100644
--- a/src/isomorphic/children/__tests__/onlyChild-test.js
+++ b/src/isomorphic/children/__tests__/onlyChild-test.js
@@ -12,7 +12,6 @@
 'use strict';
 
 describe('onlyChild', () => {
-
   var React;
   var ReactFragment;
   var onlyChild;
@@ -35,60 +34,64 @@ describe('onlyChild', () => {
 
   it('should fail when passed two children', () => {
     expect(function() {
-      var instance =
+      var instance = (
         <WrapComponent>
           <div />
           <span />
-        </WrapComponent>;
+        </WrapComponent>
+      );
       onlyChild(instance.props.children);
     }).toThrow();
   });
 
   it('should fail when passed nully values', () => {
     expect(function() {
-      var instance =
+      var instance = (
         <WrapComponent>
           {null}
-        </WrapComponent>;
+        </WrapComponent>
+      );
       onlyChild(instance.props.children);
     }).toThrow();
 
     expect(function() {
-      var instance =
+      var instance = (
         <WrapComponent>
           {undefined}
-        </WrapComponent>;
+        </WrapComponent>
+      );
       onlyChild(instance.props.children);
     }).toThrow();
   });
 
   it('should fail when key/value objects', () => {
     expect(function() {
-      var instance =
+      var instance = (
         <WrapComponent>
           {ReactFragment.create({oneThing: <span />})}
-        </WrapComponent>;
+        </WrapComponent>
+      );
       onlyChild(instance.props.children);
     }).toThrow();
   });
 
-
   it('should not fail when passed interpolated single child', () => {
     expect(function() {
-      var instance =
+      var instance = (
         <WrapComponent>
           {<span />}
-        </WrapComponent>;
+        </WrapComponent>
+      );
       onlyChild(instance.props.children);
     }).not.toThrow();
   });
 
   it('should return the only child', () => {
-    var instance =
+    var instance = (
       <WrapComponent>
         <span />
-      </WrapComponent>;
+      </WrapComponent>
+    );
     expect(onlyChild(instance.props.children)).toEqual(<span />);
   });
-
 });
diff --git a/src/isomorphic/children/onlyChild.js b/src/isomorphic/children/onlyChild.js
index c273cb592c..efe815594c 100644
--- a/src/isomorphic/children/onlyChild.js
+++ b/src/isomorphic/children/onlyChild.js
@@ -31,7 +31,7 @@ var invariant = require('fbjs/lib/invariant');
 function onlyChild(children) {
   invariant(
     ReactElement.isValidElement(children),
-    'React.Children.only expected to receive a single React element child.'
+    'React.Children.only expected to receive a single React element child.',
   );
   return children;
 }
diff --git a/src/isomorphic/classic/__tests__/ReactContextValidator-test.js b/src/isomorphic/classic/__tests__/ReactContextValidator-test.js
index d1ddfc665a..dfd0f21809 100644
--- a/src/isomorphic/classic/__tests__/ReactContextValidator-test.js
+++ b/src/isomorphic/classic/__tests__/ReactContextValidator-test.js
@@ -66,7 +66,9 @@ describe('ReactContextValidator', () => {
       },
     });
 
-    var instance = ReactTestUtils.renderIntoDocument(<ComponentInFooBarContext />);
+    var instance = ReactTestUtils.renderIntoDocument(
+      <ComponentInFooBarContext />,
+    );
     expect(instance.refs.child.context).toEqual({foo: 'abc'});
   });
 
@@ -184,9 +186,9 @@ describe('ReactContextValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Failed context type: ' +
-      'The context `foo` is marked as required in `Component`, but its value ' +
-      'is `undefined`.\n' +
-      '    in Component (at **)'
+        'The context `foo` is marked as required in `Component`, but its value ' +
+        'is `undefined`.\n' +
+        '    in Component (at **)',
     );
 
     var ComponentInFooStringContext = React.createClass({
@@ -206,7 +208,7 @@ describe('ReactContextValidator', () => {
     });
 
     ReactTestUtils.renderIntoDocument(
-      <ComponentInFooStringContext fooValue={'bar'} />
+      <ComponentInFooStringContext fooValue={'bar'} />,
     );
 
     // Previous call should not error
@@ -228,15 +230,17 @@ describe('ReactContextValidator', () => {
       },
     });
 
-    ReactTestUtils.renderIntoDocument(<ComponentInFooNumberContext fooValue={123} />);
+    ReactTestUtils.renderIntoDocument(
+      <ComponentInFooNumberContext fooValue={123} />,
+    );
 
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
       'Warning: Failed context type: ' +
-      'Invalid context `foo` of type `number` supplied ' +
-      'to `Component`, expected `string`.\n' +
-      '    in Component (at **)\n' +
-      '    in ComponentInFooNumberContext (at **)'
+        'Invalid context `foo` of type `number` supplied ' +
+        'to `Component`, expected `string`.\n' +
+        '    in Component (at **)\n' +
+        '    in ComponentInFooNumberContext (at **)',
     );
   });
 
@@ -262,9 +266,9 @@ describe('ReactContextValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Failed child context type: ' +
-      'The child context `foo` is marked as required in `Component`, but its ' +
-      'value is `undefined`.\n' +
-      '    in Component (at **)'
+        'The child context `foo` is marked as required in `Component`, but its ' +
+        'value is `undefined`.\n' +
+        '    in Component (at **)',
     );
 
     ReactTestUtils.renderIntoDocument(<Component testContext={{foo: 123}} />);
@@ -272,18 +276,16 @@ describe('ReactContextValidator', () => {
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
       'Warning: Failed child context type: ' +
-      'Invalid child context `foo` of type `number` ' +
-      'supplied to `Component`, expected `string`.\n' +
-      '    in Component (at **)'
+        'Invalid child context `foo` of type `number` ' +
+        'supplied to `Component`, expected `string`.\n' +
+        '    in Component (at **)',
     );
 
     ReactTestUtils.renderIntoDocument(
-      <Component testContext={{foo: 'foo', bar: 123}} />
+      <Component testContext={{foo: 'foo', bar: 123}} />,
     );
 
-    ReactTestUtils.renderIntoDocument(
-      <Component testContext={{foo: 'foo'}} />
-    );
+    ReactTestUtils.renderIntoDocument(<Component testContext={{foo: 'foo'}} />);
 
     // Previous calls should not log errors
     expectDev(console.error.calls.count()).toBe(2);
@@ -315,8 +317,8 @@ describe('ReactContextValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: ComponentA.childContextTypes is specified but there is no ' +
-      'getChildContext() method on the instance. You can either define ' +
-      'getChildContext() on ComponentA or remove childContextTypes from it.'
+        'getChildContext() method on the instance. You can either define ' +
+        'getChildContext() on ComponentA or remove childContextTypes from it.',
     );
 
     // Warnings should be deduped by component type
@@ -326,8 +328,8 @@ describe('ReactContextValidator', () => {
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
       'Warning: ComponentB.childContextTypes is specified but there is no ' +
-      'getChildContext() method on the instance. You can either define ' +
-      'getChildContext() on ComponentB or remove childContextTypes from it.'
+        'getChildContext() method on the instance. You can either define ' +
+        'getChildContext() on ComponentB or remove childContextTypes from it.',
     );
   });
 
@@ -375,5 +377,4 @@ describe('ReactContextValidator', () => {
     expect(childContext.bar).toBeUndefined();
     expect(childContext.foo).toBe('FOO');
   });
-
 });
diff --git a/src/isomorphic/classic/class/ReactClass.js b/src/isomorphic/classic/class/ReactClass.js
index ee85b4aefc..342b8ff266 100644
--- a/src/isomorphic/classic/class/ReactClass.js
+++ b/src/isomorphic/classic/class/ReactClass.js
@@ -36,24 +36,23 @@ type SpecPolicy =
   /**
    * These methods may be defined only once by the class specification or mixin.
    */
-  'DEFINE_ONCE' |
-  /**
+  | 'DEFINE_ONCE'
+  | /**
    * These methods may be defined by both the class specification and mixins.
    * Subsequent definitions will be chained. These methods must return void.
    */
-  'DEFINE_MANY' |
-  /**
+  'DEFINE_MANY'
+  | /**
    * These methods are overriding the base class.
    */
-  'OVERRIDE_BASE' |
-  /**
+  'OVERRIDE_BASE'
+  | /**
    * These methods are similar to DEFINE_MANY, except we assume they return
    * objects. We try to merge the keys of the return values of all the mixed in
    * functions. If there is a key conflict we throw.
    */
   'DEFINE_MANY_MERGED';
 
-
 /**
  * Composite components are higher-level components that compose other composite
  * or host components.
@@ -77,7 +76,6 @@ type SpecPolicy =
  * @internal
  */
 var ReactClassInterface: {[key: string]: SpecPolicy} = {
-
   /**
    * An array of Mixin objects to include when defining your component.
    *
@@ -172,8 +170,6 @@ var ReactClassInterface: {[key: string]: SpecPolicy} = {
    */
   render: 'DEFINE_ONCE',
 
-
-
   // ==== Delegate methods ====
 
   /**
@@ -284,8 +280,6 @@ var ReactClassInterface: {[key: string]: SpecPolicy} = {
    */
   componentWillUnmount: 'DEFINE_MANY',
 
-
-
   // ==== Advanced methods ====
 
   /**
@@ -299,7 +293,6 @@ var ReactClassInterface: {[key: string]: SpecPolicy} = {
    * @overridable
    */
   updateComponent: 'OVERRIDE_BASE',
-
 };
 
 /**
@@ -324,30 +317,22 @@ var RESERVED_SPEC_KEYS = {
   },
   childContextTypes: function(Constructor, childContextTypes) {
     if (__DEV__) {
-      validateTypeDef(
-        Constructor,
-        childContextTypes,
-        'child context'
-      );
+      validateTypeDef(Constructor, childContextTypes, 'child context');
     }
     Constructor.childContextTypes = Object.assign(
       {},
       Constructor.childContextTypes,
-      childContextTypes
+      childContextTypes,
     );
   },
   contextTypes: function(Constructor, contextTypes) {
     if (__DEV__) {
-      validateTypeDef(
-        Constructor,
-        contextTypes,
-        'context'
-      );
+      validateTypeDef(Constructor, contextTypes, 'context');
     }
     Constructor.contextTypes = Object.assign(
       {},
       Constructor.contextTypes,
-      contextTypes
+      contextTypes,
     );
   },
   /**
@@ -358,7 +343,7 @@ var RESERVED_SPEC_KEYS = {
     if (Constructor.getDefaultProps) {
       Constructor.getDefaultProps = createMergedResultFunction(
         Constructor.getDefaultProps,
-        getDefaultProps
+        getDefaultProps,
       );
     } else {
       Constructor.getDefaultProps = getDefaultProps;
@@ -366,17 +351,9 @@ var RESERVED_SPEC_KEYS = {
   },
   propTypes: function(Constructor, propTypes) {
     if (__DEV__) {
-      validateTypeDef(
-        Constructor,
-        propTypes,
-        'prop'
-      );
+      validateTypeDef(Constructor, propTypes, 'prop');
     }
-    Constructor.propTypes = Object.assign(
-      {},
-      Constructor.propTypes,
-      propTypes
-    );
+    Constructor.propTypes = Object.assign({}, Constructor.propTypes, propTypes);
   },
   statics: function(Constructor, statics) {
     mixStaticSpecIntoComponent(Constructor, statics);
@@ -384,11 +361,7 @@ var RESERVED_SPEC_KEYS = {
   autobind: function() {}, // noop
 };
 
-function validateTypeDef(
-  Constructor,
-  typeDef,
-  location: string,
-) {
+function validateTypeDef(Constructor, typeDef, location: string) {
   for (var propName in typeDef) {
     if (typeDef.hasOwnProperty(propName)) {
       // use a warning instead of an invariant so components
@@ -396,40 +369,39 @@ function validateTypeDef(
       warning(
         typeof typeDef[propName] === 'function',
         '%s: %s type `%s` is invalid; it must be a function, usually from ' +
-        'React.PropTypes.',
+          'React.PropTypes.',
         Constructor.displayName || 'ReactClass',
         location,
-        propName
+        propName,
       );
     }
   }
 }
 
 function validateMethodOverride(isAlreadyDefined, name) {
-  var specPolicy = ReactClassInterface.hasOwnProperty(name) ?
-    ReactClassInterface[name] :
-    null;
+  var specPolicy = ReactClassInterface.hasOwnProperty(name)
+    ? ReactClassInterface[name]
+    : null;
 
   // Disallow overriding of base class methods unless explicitly allowed.
   if (ReactClassMixin.hasOwnProperty(name)) {
     invariant(
       specPolicy === 'OVERRIDE_BASE',
       'ReactClassInterface: You are attempting to override ' +
-      '`%s` from your class specification. Ensure that your method names ' +
-      'do not overlap with React methods.',
-      name
+        '`%s` from your class specification. Ensure that your method names ' +
+        'do not overlap with React methods.',
+      name,
     );
   }
 
   // Disallow defining methods more than once unless explicitly allowed.
   if (isAlreadyDefined) {
     invariant(
-      specPolicy === 'DEFINE_MANY' ||
-      specPolicy === 'DEFINE_MANY_MERGED',
+      specPolicy === 'DEFINE_MANY' || specPolicy === 'DEFINE_MANY_MERGED',
       'ReactClassInterface: You are attempting to define ' +
-      '`%s` on your component more than once. This conflict may be due ' +
-      'to a mixin.',
-      name
+        '`%s` on your component more than once. This conflict may be due ' +
+        'to a mixin.',
+      name,
     );
   }
 }
@@ -446,12 +418,12 @@ function mixSpecIntoComponent(Constructor, spec) {
 
       warning(
         isMixinValid,
-        '%s: You\'re attempting to include a mixin that is either null ' +
-        'or not an object. Check the mixins included by the component, ' +
-        'as well as any mixins they include themselves. ' +
-        'Expected object but got %s.',
+        "%s: You're attempting to include a mixin that is either null " +
+          'or not an object. Check the mixins included by the component, ' +
+          'as well as any mixins they include themselves. ' +
+          'Expected object but got %s.',
         Constructor.displayName || 'ReactClass',
-        spec === null ? null : typeofSpec
+        spec === null ? null : typeofSpec,
       );
     }
 
@@ -460,14 +432,14 @@ function mixSpecIntoComponent(Constructor, spec) {
 
   invariant(
     typeof spec !== 'function',
-    'ReactClass: You\'re attempting to ' +
-    'use a component class or function as a mixin. Instead, just use a ' +
-    'regular object.'
+    "ReactClass: You're attempting to " +
+      'use a component class or function as a mixin. Instead, just use a ' +
+      'regular object.',
   );
   invariant(
     !ReactElement.isValidElement(spec),
-    'ReactClass: You\'re attempting to ' +
-    'use a component as a mixin. Instead, just use a regular object.'
+    "ReactClass: You're attempting to " +
+      'use a component as a mixin. Instead, just use a regular object.',
   );
 
   var proto = Constructor.prototype;
@@ -501,11 +473,9 @@ function mixSpecIntoComponent(Constructor, spec) {
       // The following member methods should not be automatically bound:
       // 1. Expected ReactClass methods (in the "interface").
       // 2. Overridden methods (that were mixed in).
-      var isReactClassMethod =
-        ReactClassInterface.hasOwnProperty(name);
+      var isReactClassMethod = ReactClassInterface.hasOwnProperty(name);
       var isFunction = typeof property === 'function';
-      var shouldAutoBind =
-        isFunction &&
+      var shouldAutoBind = isFunction &&
         !isReactClassMethod &&
         !isAlreadyDefined &&
         spec.autobind !== false;
@@ -519,14 +489,13 @@ function mixSpecIntoComponent(Constructor, spec) {
 
           // These cases should already be caught by validateMethodOverride.
           invariant(
-            isReactClassMethod && (
-              specPolicy === 'DEFINE_MANY_MERGED' ||
-              specPolicy === 'DEFINE_MANY'
-            ),
+            isReactClassMethod &&
+              (specPolicy === 'DEFINE_MANY_MERGED' ||
+                specPolicy === 'DEFINE_MANY'),
             'ReactClass: Unexpected spec policy %s for key %s ' +
-            'when mixing in component specs.',
+              'when mixing in component specs.',
             specPolicy,
-            name
+            name,
           );
 
           // For methods which are defined more than once, call the existing
@@ -565,19 +534,19 @@ function mixStaticSpecIntoComponent(Constructor, statics) {
     invariant(
       !isReserved,
       'ReactClass: You are attempting to define a reserved ' +
-      'property, `%s`, that shouldn\'t be on the "statics" key. Define it ' +
-      'as an instance property instead; it will still be accessible on the ' +
-      'constructor.',
-      name
+        'property, `%s`, that shouldn\'t be on the "statics" key. Define it ' +
+        'as an instance property instead; it will still be accessible on the ' +
+        'constructor.',
+      name,
     );
 
     var isInherited = name in Constructor;
     invariant(
       !isInherited,
       'ReactClass: You are attempting to define ' +
-      '`%s` on your component more than once. This conflict may be ' +
-      'due to a mixin.',
-      name
+        '`%s` on your component more than once. This conflict may be ' +
+        'due to a mixin.',
+      name,
     );
     Constructor[name] = property;
   }
@@ -593,7 +562,7 @@ function mixStaticSpecIntoComponent(Constructor, statics) {
 function mergeIntoWithNoDuplicateKeys(one, two) {
   invariant(
     one && two && typeof one === 'object' && typeof two === 'object',
-    'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.'
+    'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.',
   );
 
   for (var key in two) {
@@ -601,11 +570,11 @@ function mergeIntoWithNoDuplicateKeys(one, two) {
       invariant(
         one[key] === undefined,
         'mergeIntoWithNoDuplicateKeys(): ' +
-        'Tried to merge two objects with the same key: `%s`. This conflict ' +
-        'may be due to a mixin; in particular, this may be caused by two ' +
-        'getInitialState() or getDefaultProps() methods returning objects ' +
-        'with clashing keys.',
-        key
+          'Tried to merge two objects with the same key: `%s`. This conflict ' +
+          'may be due to a mixin; in particular, this may be caused by two ' +
+          'getInitialState() or getDefaultProps() methods returning objects ' +
+          'with clashing keys.',
+        key,
       );
       one[key] = two[key];
     }
@@ -675,16 +644,16 @@ function bindAutoBindMethod(component, method) {
         warning(
           false,
           'bind(): React component methods may only be bound to the ' +
-          'component instance.\n\nSee %s',
-          componentName
+            'component instance.\n\nSee %s',
+          componentName,
         );
       } else if (!args.length) {
         warning(
           false,
           'bind(): You are binding a component method to the component. ' +
-          'React does this for you automatically in a high-performance ' +
-          'way, so you can safely remove this call.\n\nSee %s',
-          componentName
+            'React does this for you automatically in a high-performance ' +
+            'way, so you can safely remove this call.\n\nSee %s',
+          componentName,
         );
         return boundMethod;
       }
@@ -708,10 +677,7 @@ function bindAutoBindMethods(component) {
   for (var i = 0; i < pairs.length; i += 2) {
     var autoBindKey = pairs[i];
     var method = pairs[i + 1];
-    component[autoBindKey] = bindAutoBindMethod(
-      component,
-      method
-    );
+    component[autoBindKey] = bindAutoBindMethod(component, method);
   }
 }
 
@@ -720,7 +686,6 @@ function bindAutoBindMethods(component) {
  * therefore not already part of the modern ReactComponent.
  */
 var ReactClassMixin = {
-
   /**
    * TODO: This will be deprecated because state should always keep a consistent
    * type signature and the only use case for this, is to avoid that.
@@ -744,7 +709,7 @@ var ReactClassComponent = function() {};
 Object.assign(
   ReactClassComponent.prototype,
   ReactComponent.prototype,
-  ReactClassMixin
+  ReactClassMixin,
 );
 
 /**
@@ -753,7 +718,6 @@ Object.assign(
  * @class ReactClass
  */
 var ReactClass = {
-
   /**
    * Creates a composite component class given a class specification.
    * See https://facebook.github.io/react/docs/react-api.html#createclass
@@ -774,7 +738,7 @@ var ReactClass = {
         warning(
           this instanceof Constructor,
           'Something is calling a React component directly. Use a factory or ' +
-          'JSX instead. See: https://fb.me/react-legacyfactory'
+            'JSX instead. See: https://fb.me/react-legacyfactory',
         );
       }
 
@@ -796,8 +760,9 @@ var ReactClass = {
       var initialState = this.getInitialState ? this.getInitialState() : null;
       if (__DEV__) {
         // We allow auto-mocks to proceed as if they're returning null.
-        if (initialState === undefined &&
-            this.getInitialState._isMockFunction) {
+        if (
+          initialState === undefined && this.getInitialState._isMockFunction
+        ) {
           // This is probably bad practice. Consider warning here and
           // deprecating this convenience.
           initialState = null;
@@ -806,7 +771,7 @@ var ReactClass = {
       invariant(
         typeof initialState === 'object' && !Array.isArray(initialState),
         '%s.getInitialState(): must return an object or null',
-        Constructor.displayName || 'ReactCompositeComponent'
+        Constructor.displayName || 'ReactCompositeComponent',
       );
 
       this.state = initialState;
@@ -837,23 +802,23 @@ var ReactClass = {
 
     invariant(
       Constructor.prototype.render,
-      'createClass(...): Class specification must implement a `render` method.'
+      'createClass(...): Class specification must implement a `render` method.',
     );
 
     if (__DEV__) {
       warning(
         !Constructor.prototype.componentShouldUpdate,
         '%s has a method called ' +
-        'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +
-        'The name is phrased as a question because the function is ' +
-        'expected to return a value.',
-        spec.displayName || 'A component'
+          'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +
+          'The name is phrased as a question because the function is ' +
+          'expected to return a value.',
+        spec.displayName || 'A component',
       );
       warning(
         !Constructor.prototype.componentWillRecieveProps,
         '%s has a method called ' +
-        'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
-        spec.displayName || 'A component'
+          'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
+        spec.displayName || 'A component',
       );
     }
 
@@ -866,7 +831,6 @@ var ReactClass = {
 
     return Constructor;
   },
-
 };
 
 module.exports = ReactClass;
diff --git a/src/isomorphic/classic/class/__tests__/ReactBind-test.js b/src/isomorphic/classic/class/__tests__/ReactBind-test.js
index bab8bba87d..051db5a8fe 100644
--- a/src/isomorphic/classic/class/__tests__/ReactBind-test.js
+++ b/src/isomorphic/classic/class/__tests__/ReactBind-test.js
@@ -16,9 +16,7 @@ var ReactTestUtils = require('ReactTestUtils');
 
 // TODO: Test render and all stock methods.
 describe('autobinding', () => {
-
   it('Holds reference to instance', () => {
-
     var mouseDidEnter = jest.fn();
     var mouseDidLeave = jest.fn();
     var mouseDidClick = jest.fn();
@@ -115,7 +113,7 @@ describe('autobinding', () => {
     spyOn(console, 'error');
 
     var TestBindComponent = React.createClass({
-      handleClick: function() { },
+      handleClick: function() {},
       render: function() {
         return <div onClick={this.handleClick.bind(this)} />;
       },
@@ -126,8 +124,8 @@ describe('autobinding', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: bind(): You are binding a component method to the component. ' +
-      'React does this for you automatically in a high-performance ' +
-      'way, so you can safely remove this call.\n\nSee TestBindComponent'
+        'React does this for you automatically in a high-performance ' +
+        'way, so you can safely remove this call.\n\nSee TestBindComponent',
     );
   });
 
@@ -141,9 +139,7 @@ describe('autobinding', () => {
       componentDidMount: function() {
         this.setState({foo: 2}, this.handleUpdate);
       },
-      handleUpdate: function() {
-
-      },
+      handleUpdate: function() {},
       render: function() {
         return <div onClick={this.handleClick} />;
       },
@@ -153,5 +149,4 @@ describe('autobinding', () => {
 
     expectDev(console.error.calls.count()).toBe(0);
   });
-
 });
diff --git a/src/isomorphic/classic/class/__tests__/ReactBindOptout-test.js b/src/isomorphic/classic/class/__tests__/ReactBindOptout-test.js
index 69abd3904f..086329338f 100644
--- a/src/isomorphic/classic/class/__tests__/ReactBindOptout-test.js
+++ b/src/isomorphic/classic/class/__tests__/ReactBindOptout-test.js
@@ -16,9 +16,7 @@ var ReactTestUtils = require('ReactTestUtils');
 
 // TODO: Test render and all stock methods.
 describe('autobind optout', () => {
-
   it('should work with manual binding', () => {
-
     var mouseDidEnter = jest.fn();
     var mouseDidLeave = jest.fn();
     var mouseDidClick = jest.fn();
@@ -39,7 +37,7 @@ describe('autobind optout', () => {
             onMouseOver={this.onMouseEnter.bind(this)}
             onMouseOut={this.onMouseLeave.bind(this)}
             onClick={this.onClick.bind(this)}
-            />
+          />
         );
       },
     });
@@ -95,12 +93,7 @@ describe('autobind optout', () => {
       },
 
       render: function() {
-        return (
-          <div
-            ref="child"
-            onClick={this.onClick}
-          />
-        );
+        return <div ref="child" onClick={this.onClick} />;
       },
     });
 
@@ -178,7 +171,7 @@ describe('autobind optout', () => {
 
     var TestBindComponent = React.createClass({
       autobind: false,
-      handleClick: function() { },
+      handleClick: function() {},
       render: function() {
         return <div onClick={this.handleClick.bind(this)} />;
       },
@@ -200,9 +193,7 @@ describe('autobind optout', () => {
       componentDidMount: function() {
         this.setState({foo: 2}, this.handleUpdate.bind(this));
       },
-      handleUpdate: function() {
-
-      },
+      handleUpdate: function() {},
       render: function() {
         return <div />;
       },
@@ -212,5 +203,4 @@ describe('autobind optout', () => {
 
     expectDev(console.error.calls.count()).toBe(0);
   });
-
 });
diff --git a/src/isomorphic/classic/class/__tests__/ReactClass-test.js b/src/isomorphic/classic/class/__tests__/ReactClass-test.js
index b727f7ba3b..4ab5ad7dac 100644
--- a/src/isomorphic/classic/class/__tests__/ReactClass-test.js
+++ b/src/isomorphic/classic/class/__tests__/ReactClass-test.js
@@ -16,7 +16,6 @@ var ReactDOM;
 var ReactTestUtils;
 
 describe('ReactClass-spec', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactDOM = require('react-dom');
@@ -27,7 +26,7 @@ describe('ReactClass-spec', () => {
     expect(function() {
       React.createClass({});
     }).toThrowError(
-      'createClass(...): Class specification must implement a `render` method.'
+      'createClass(...): Class specification must implement a `render` method.',
     );
   });
 
@@ -38,8 +37,7 @@ describe('ReactClass-spec', () => {
       },
     });
 
-    expect(TestComponent.displayName)
-      .toBe('TestComponent');
+    expect(TestComponent.displayName).toBe('TestComponent');
   });
 
   it('should copy prop types onto the Constructor', () => {
@@ -54,8 +52,7 @@ describe('ReactClass-spec', () => {
     });
 
     expect(TestComponent.propTypes).toBeDefined();
-    expect(TestComponent.propTypes.value)
-      .toBe(propValidator);
+    expect(TestComponent.propTypes.value).toBe(propValidator);
   });
 
   it('should warn on invalid prop types', () => {
@@ -72,7 +69,7 @@ describe('ReactClass-spec', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Component: prop type `prop` is invalid; ' +
-      'it must be a function, usually from React.PropTypes.'
+        'it must be a function, usually from React.PropTypes.',
     );
   });
 
@@ -90,7 +87,7 @@ describe('ReactClass-spec', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Component: context type `prop` is invalid; ' +
-      'it must be a function, usually from React.PropTypes.'
+        'it must be a function, usually from React.PropTypes.',
     );
   });
 
@@ -108,7 +105,7 @@ describe('ReactClass-spec', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Component: child context type `prop` is invalid; ' +
-      'it must be a function, usually from React.PropTypes.'
+        'it must be a function, usually from React.PropTypes.',
     );
   });
 
@@ -126,8 +123,8 @@ describe('ReactClass-spec', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: A component has a method called componentShouldUpdate(). Did you ' +
-      'mean shouldComponentUpdate()? The name is phrased as a question ' +
-      'because the function is expected to return a value.'
+        'mean shouldComponentUpdate()? The name is phrased as a question ' +
+        'because the function is expected to return a value.',
     );
 
     React.createClass({
@@ -142,8 +139,8 @@ describe('ReactClass-spec', () => {
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(console.error.calls.argsFor(1)[0]).toBe(
       'Warning: NamedComponent has a method called componentShouldUpdate(). Did you ' +
-      'mean shouldComponentUpdate()? The name is phrased as a question ' +
-      'because the function is expected to return a value.'
+        'mean shouldComponentUpdate()? The name is phrased as a question ' +
+        'because the function is expected to return a value.',
     );
   });
 
@@ -160,7 +157,7 @@ describe('ReactClass-spec', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: A component has a method called componentWillRecieveProps(). Did you ' +
-      'mean componentWillReceiveProps()?'
+        'mean componentWillReceiveProps()?',
     );
   });
 
@@ -181,9 +178,9 @@ describe('ReactClass-spec', () => {
       });
     }).toThrowError(
       'ReactClass: You are attempting to define a reserved property, ' +
-      '`getDefaultProps`, that shouldn\'t be on the "statics" key. Define ' +
-      'it as an instance property instead; it will still be accessible on ' +
-      'the constructor.'
+        '`getDefaultProps`, that shouldn\'t be on the "statics" key. Define ' +
+        'it as an instance property instead; it will still be accessible on ' +
+        'the constructor.',
     );
   });
 
@@ -209,19 +206,19 @@ describe('ReactClass-spec', () => {
     expectDev(console.error.calls.count()).toBe(4);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'createClass(...): `mixins` is now a static property and should ' +
-      'be defined inside "statics".'
+        'be defined inside "statics".',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toBe(
       'createClass(...): `propTypes` is now a static property and should ' +
-      'be defined inside "statics".'
+        'be defined inside "statics".',
     );
     expectDev(console.error.calls.argsFor(2)[0]).toBe(
       'createClass(...): `contextTypes` is now a static property and ' +
-      'should be defined inside "statics".'
+        'should be defined inside "statics".',
     );
     expectDev(console.error.calls.argsFor(3)[0]).toBe(
       'createClass(...): `childContextTypes` is now a static property and ' +
-      'should be defined inside "statics".'
+        'should be defined inside "statics".',
     );
   });
 
@@ -315,7 +312,7 @@ describe('ReactClass-spec', () => {
       expect(function() {
         instance = ReactTestUtils.renderIntoDocument(instance);
       }).toThrowError(
-        'Component.getInitialState(): must return an object or null'
+        'Component.getInitialState(): must return an object or null',
       );
     });
   });
@@ -329,9 +326,8 @@ describe('ReactClass-spec', () => {
         return <span />;
       },
     });
-    expect(
-      () => ReactTestUtils.renderIntoDocument(<Component />)
-    ).not.toThrow();
+    expect(() =>
+      ReactTestUtils.renderIntoDocument(<Component />)).not.toThrow();
   });
 
   it('should throw when using legacy factories', () => {
@@ -346,8 +342,7 @@ describe('ReactClass-spec', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Something is calling a React component directly. Use a ' +
-      'factory or JSX instead. See: https://fb.me/react-legacyfactory'
+        'factory or JSX instead. See: https://fb.me/react-legacyfactory',
     );
   });
-
 });
diff --git a/src/isomorphic/classic/class/__tests__/ReactClassMixin-test.js b/src/isomorphic/classic/class/__tests__/ReactClassMixin-test.js
index 992bc55578..2f079a69fc 100644
--- a/src/isomorphic/classic/class/__tests__/ReactClassMixin-test.js
+++ b/src/isomorphic/classic/class/__tests__/ReactClassMixin-test.js
@@ -21,7 +21,6 @@ var mixinPropValidator;
 var componentPropValidator;
 
 describe('ReactClass-mixin', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactTestUtils = require('ReactTestUtils');
@@ -149,23 +148,22 @@ describe('ReactClass-mixin', () => {
 
   it('should validate prop types via mixins', () => {
     expect(TestComponent.propTypes).toBeDefined();
-    expect(TestComponent.propTypes.value)
-      .toBe(mixinPropValidator);
+    expect(TestComponent.propTypes.value).toBe(mixinPropValidator);
   });
 
   it('should override mixin prop types with class prop types', () => {
     // Sanity check...
     expect(componentPropValidator).not.toBe(mixinPropValidator);
     // Actually check...
-    expect(TestComponentWithPropTypes.propTypes)
-      .toBeDefined();
-    expect(TestComponentWithPropTypes.propTypes.value)
-      .not.toBe(mixinPropValidator);
-    expect(TestComponentWithPropTypes.propTypes.value)
-      .toBe(componentPropValidator);
+    expect(TestComponentWithPropTypes.propTypes).toBeDefined();
+    expect(TestComponentWithPropTypes.propTypes.value).not.toBe(
+      mixinPropValidator,
+    );
+    expect(TestComponentWithPropTypes.propTypes.value).toBe(
+      componentPropValidator,
+    );
   });
 
-
   it('should support mixins with getInitialState()', () => {
     var Mixin = {
       getInitialState: function() {
@@ -205,9 +203,9 @@ describe('ReactClass-mixin', () => {
       ReactTestUtils.renderIntoDocument(<Component />);
     }).toThrowError(
       'mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the ' +
-      'same key: `x`. This conflict may be due to a mixin; in particular, ' +
-      'this may be caused by two getInitialState() or getDefaultProps() ' +
-      'methods returning objects with clashing keys.'
+        'same key: `x`. This conflict may be due to a mixin; in particular, ' +
+        'this may be caused by two getInitialState() or getDefaultProps() ' +
+        'methods returning objects with clashing keys.',
     );
   });
 
@@ -276,7 +274,7 @@ describe('ReactClass-mixin', () => {
       });
     }).toThrowError(
       'ReactClass: You are attempting to define `abc` on your component more ' +
-      'than once. This conflict may be due to a mixin.'
+        'than once. This conflict may be due to a mixin.',
     );
   });
 
@@ -304,7 +302,7 @@ describe('ReactClass-mixin', () => {
       });
     }).toThrowError(
       'ReactClass: You are attempting to define `abc` on your component ' +
-      'more than once. This conflict may be due to a mixin.'
+        'more than once. This conflict may be due to a mixin.',
     );
   });
 
@@ -321,10 +319,10 @@ describe('ReactClass-mixin', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: ReactClass: You\'re attempting to include a mixin that is ' +
-      'either null or not an object. Check the mixins included by the ' +
-      'component, as well as any mixins they include themselves. ' +
-      'Expected object but got undefined.'
+      "Warning: ReactClass: You're attempting to include a mixin that is " +
+        'either null or not an object. Check the mixins included by the ' +
+        'component, as well as any mixins they include themselves. ' +
+        'Expected object but got undefined.',
     );
   });
 
@@ -341,10 +339,10 @@ describe('ReactClass-mixin', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: ReactClass: You\'re attempting to include a mixin that is ' +
-      'either null or not an object. Check the mixins included by the ' +
-      'component, as well as any mixins they include themselves. ' +
-      'Expected object but got null.'
+      "Warning: ReactClass: You're attempting to include a mixin that is " +
+        'either null or not an object. Check the mixins included by the ' +
+        'component, as well as any mixins they include themselves. ' +
+        'Expected object but got null.',
     );
   });
 
@@ -365,10 +363,10 @@ describe('ReactClass-mixin', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: ReactClass: You\'re attempting to include a mixin that is ' +
-      'either null or not an object. Check the mixins included by the ' +
-      'component, as well as any mixins they include themselves. ' +
-      'Expected object but got undefined.'
+      "Warning: ReactClass: You're attempting to include a mixin that is " +
+        'either null or not an object. Check the mixins included by the ' +
+        'component, as well as any mixins they include themselves. ' +
+        'Expected object but got undefined.',
     );
   });
 
@@ -389,10 +387,10 @@ describe('ReactClass-mixin', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: ReactClass: You\'re attempting to include a mixin that is ' +
-      'either null or not an object. Check the mixins included by the ' +
-      'component, as well as any mixins they include themselves. ' +
-      'Expected object but got null.'
+      "Warning: ReactClass: You're attempting to include a mixin that is " +
+        'either null or not an object. Check the mixins included by the ' +
+        'component, as well as any mixins they include themselves. ' +
+        'Expected object but got null.',
     );
   });
 
@@ -406,8 +404,8 @@ describe('ReactClass-mixin', () => {
         },
       });
     }).toThrowError(
-      'ReactClass: You\'re attempting to use a component as a mixin. ' +
-      'Instead, just use a regular object.'
+      "ReactClass: You're attempting to use a component as a mixin. " +
+        'Instead, just use a regular object.',
     );
   });
 
@@ -427,8 +425,8 @@ describe('ReactClass-mixin', () => {
         },
       });
     }).toThrowError(
-      'ReactClass: You\'re attempting to use a component class or function ' +
-      'as a mixin. Instead, just use a regular object.'
+      "ReactClass: You're attempting to use a component class or function " +
+        'as a mixin. Instead, just use a regular object.',
     );
   });
 
@@ -488,9 +486,8 @@ describe('ReactClass-mixin', () => {
         return <span />;
       },
     });
-    expect(
-      () => ReactTestUtils.renderIntoDocument(<Component />)
-    ).not.toThrow();
+    expect(() =>
+      ReactTestUtils.renderIntoDocument(<Component />)).not.toThrow();
 
     instance = ReactTestUtils.renderIntoDocument(<Component />);
     expect(instance.state).toEqual({foo: 'bar'});
@@ -510,9 +507,8 @@ describe('ReactClass-mixin', () => {
         return <span />;
       },
     });
-    expect(
-      () => ReactTestUtils.renderIntoDocument(<Component />)
-    ).not.toThrow();
+    expect(() =>
+      ReactTestUtils.renderIntoDocument(<Component />)).not.toThrow();
 
     instance = ReactTestUtils.renderIntoDocument(<Component />);
     expect(instance.state).toEqual({foo: 'bar'});
@@ -527,12 +523,10 @@ describe('ReactClass-mixin', () => {
         return <span />;
       },
     });
-    expect(
-      () => ReactTestUtils.renderIntoDocument(<Component />)
-    ).not.toThrow();
+    expect(() =>
+      ReactTestUtils.renderIntoDocument(<Component />)).not.toThrow();
 
     instance = ReactTestUtils.renderIntoDocument(<Component />);
     expect(instance.state).toEqual({foo: 'bar', x: true});
   });
-
 });
diff --git a/src/isomorphic/classic/element/ReactCurrentOwner.js b/src/isomorphic/classic/element/ReactCurrentOwner.js
index e9a6ea5b5c..3a12b523bd 100644
--- a/src/isomorphic/classic/element/ReactCurrentOwner.js
+++ b/src/isomorphic/classic/element/ReactCurrentOwner.js
@@ -12,8 +12,8 @@
 
 'use strict';
 
-import type { ReactInstance } from 'ReactInstanceType';
-import type { Fiber } from 'ReactFiber';
+import type {ReactInstance} from 'ReactInstanceType';
+import type {Fiber} from 'ReactFiber';
 
 /**
  * Keeps track of the current owner.
@@ -22,13 +22,11 @@ import type { Fiber } from 'ReactFiber';
  * currently being constructed.
  */
 var ReactCurrentOwner = {
-
   /**
    * @internal
    * @type {ReactComponent}
    */
   current: (null: null | ReactInstance | Fiber),
-
 };
 
 module.exports = ReactCurrentOwner;
diff --git a/src/isomorphic/classic/element/ReactDOMFactories.js b/src/isomorphic/classic/element/ReactDOMFactories.js
index 4890fa676c..c6ee9fc5d1 100644
--- a/src/isomorphic/classic/element/ReactDOMFactories.js
+++ b/src/isomorphic/classic/element/ReactDOMFactories.js
@@ -141,7 +141,7 @@ var ReactDOMFactories = {
   track: createDOMFactory('track'),
   u: createDOMFactory('u'),
   ul: createDOMFactory('ul'),
-  'var': createDOMFactory('var'),
+  var: createDOMFactory('var'),
   video: createDOMFactory('video'),
   wbr: createDOMFactory('wbr'),
 
diff --git a/src/isomorphic/classic/element/ReactDebugCurrentFrame.js b/src/isomorphic/classic/element/ReactDebugCurrentFrame.js
index ee8ab2248e..38dcf3c73d 100644
--- a/src/isomorphic/classic/element/ReactDebugCurrentFrame.js
+++ b/src/isomorphic/classic/element/ReactDebugCurrentFrame.js
@@ -12,8 +12,8 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { DebugID } from 'ReactInstanceType';
+import type {Fiber} from 'ReactFiber';
+import type {DebugID} from 'ReactInstanceType';
 
 const ReactDebugCurrentFrame = {};
 
@@ -27,12 +27,12 @@ if (__DEV__) {
   } = require('ReactFiberComponentTreeHook');
 
   // Component that is being worked on
-  ReactDebugCurrentFrame.current = (null : Fiber | DebugID | null);
+  ReactDebugCurrentFrame.current = (null: Fiber | DebugID | null);
 
   // Element that is being cloned or created
-  ReactDebugCurrentFrame.element = (null : *);
+  ReactDebugCurrentFrame.element = (null: *);
 
-  ReactDebugCurrentFrame.getStackAddendum = function() : string | null {
+  ReactDebugCurrentFrame.getStackAddendum = function(): string | null {
     let stack = null;
     const current = ReactDebugCurrentFrame.current;
     const element = ReactDebugCurrentFrame.element;
diff --git a/src/isomorphic/classic/element/ReactElement.js b/src/isomorphic/classic/element/ReactElement.js
index 7db7d5949a..b47d5e247f 100644
--- a/src/isomorphic/classic/element/ReactElement.js
+++ b/src/isomorphic/classic/element/ReactElement.js
@@ -59,10 +59,10 @@ function defineKeyPropWarningGetter(props, displayName) {
       warning(
         false,
         '%s: `key` is not a prop. Trying to access it will result ' +
-        'in `undefined` being returned. If you need to access the same ' +
-        'value within the child component, you should pass it as a different ' +
-        'prop. (https://fb.me/react-special-props)',
-        displayName
+          'in `undefined` being returned. If you need to access the same ' +
+          'value within the child component, you should pass it as a different ' +
+          'prop. (https://fb.me/react-special-props)',
+        displayName,
       );
     }
   };
@@ -80,10 +80,10 @@ function defineRefPropWarningGetter(props, displayName) {
       warning(
         false,
         '%s: `ref` is not a prop. Trying to access it will result ' +
-        'in `undefined` being returned. If you need to access the same ' +
-        'value within the child component, you should pass it as a different ' +
-        'prop. (https://fb.me/react-special-props)',
-        displayName
+          'in `undefined` being returned. If you need to access the same ' +
+          'value within the child component, you should pass it as a different ' +
+          'prop. (https://fb.me/react-special-props)',
+        displayName,
       );
     }
   };
@@ -203,8 +203,10 @@ ReactElement.createElement = function(type, config, children) {
     source = config.__source === undefined ? null : config.__source;
     // Remaining properties are added to a new props object
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) &&
-          !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (
+        hasOwnProperty.call(config, propName) &&
+        !RESERVED_PROPS.hasOwnProperty(propName)
+      ) {
         props[propName] = config[propName];
       }
     }
@@ -239,11 +241,13 @@ ReactElement.createElement = function(type, config, children) {
   }
   if (__DEV__) {
     if (key || ref) {
-      if (typeof props.$$typeof === 'undefined' ||
-          props.$$typeof !== REACT_ELEMENT_TYPE) {
-        var displayName = typeof type === 'function' ?
-          (type.displayName || type.name || 'Unknown') :
-          type;
+      if (
+        typeof props.$$typeof === 'undefined' ||
+        props.$$typeof !== REACT_ELEMENT_TYPE
+      ) {
+        var displayName = typeof type === 'function'
+          ? type.displayName || type.name || 'Unknown'
+          : type;
         if (key) {
           defineKeyPropWarningGetter(props, displayName);
         }
@@ -260,7 +264,7 @@ ReactElement.createElement = function(type, config, children) {
     self,
     source,
     ReactCurrentOwner.current,
-    props
+    props,
   );
 };
 
@@ -287,7 +291,7 @@ ReactElement.cloneAndReplaceKey = function(oldElement, newKey) {
     oldElement._self,
     oldElement._source,
     oldElement._owner,
-    oldElement.props
+    oldElement.props,
   );
 
   return newElement;
@@ -332,8 +336,10 @@ ReactElement.cloneElement = function(element, config, children) {
       defaultProps = element.type.defaultProps;
     }
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) &&
-          !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (
+        hasOwnProperty.call(config, propName) &&
+        !RESERVED_PROPS.hasOwnProperty(propName)
+      ) {
         if (config[propName] === undefined && defaultProps !== undefined) {
           // Resolve default props
           props[propName] = defaultProps[propName];
@@ -357,15 +363,7 @@ ReactElement.cloneElement = function(element, config, children) {
     props.children = childArray;
   }
 
-  return ReactElement(
-    element.type,
-    key,
-    ref,
-    self,
-    source,
-    owner,
-    props
-  );
+  return ReactElement(element.type, key, ref, self, source, owner, props);
 };
 
 /**
@@ -376,11 +374,9 @@ ReactElement.cloneElement = function(element, config, children) {
  * @final
  */
 ReactElement.isValidElement = function(object) {
-  return (
-    typeof object === 'object' &&
+  return typeof object === 'object' &&
     object !== null &&
-    object.$$typeof === REACT_ELEMENT_TYPE
-  );
+    object.$$typeof === REACT_ELEMENT_TYPE;
 };
 
 module.exports = ReactElement;
diff --git a/src/isomorphic/classic/element/ReactElementValidator.js b/src/isomorphic/classic/element/ReactElementValidator.js
index f2a699dc9e..dbe09c8154 100644
--- a/src/isomorphic/classic/element/ReactElementValidator.js
+++ b/src/isomorphic/classic/element/ReactElementValidator.js
@@ -30,8 +30,8 @@ var getIteratorFn = require('getIteratorFn');
 if (__DEV__) {
   var warning = require('fbjs/lib/warning');
   var ReactDebugCurrentFrame = require('ReactDebugCurrentFrame');
-  var { 
-   getCurrentStackAddendum,
+  var {
+    getCurrentStackAddendum,
   } = require('ReactComponentTreeHook');
 }
 
@@ -70,8 +70,9 @@ function getCurrentComponentErrorInfo(parentType) {
   var info = getDeclarationErrorAddendum();
 
   if (!info) {
-    var parentName = typeof parentType === 'string' ?
-      parentType : parentType.displayName || parentType.name;
+    var parentName = typeof parentType === 'string'
+      ? parentType
+      : parentType.displayName || parentType.name;
     if (parentName) {
       info = `\n\nCheck the top-level render call using <${parentName}>.`;
     }
@@ -96,9 +97,8 @@ function validateExplicitKey(element, parentType) {
   }
   element._store.validated = true;
 
-  var memoizer = ownerHasKeyUseWarning.uniqueKey || (
-    ownerHasKeyUseWarning.uniqueKey = {}
-  );
+  var memoizer = ownerHasKeyUseWarning.uniqueKey ||
+    (ownerHasKeyUseWarning.uniqueKey = {});
 
   var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
   if (memoizer[currentComponentErrorInfo]) {
@@ -110,21 +110,20 @@ function validateExplicitKey(element, parentType) {
   // property, it may be the creator of the child that's responsible for
   // assigning it a key.
   var childOwner = '';
-  if (element &&
-      element._owner &&
-      element._owner !== ReactCurrentOwner.current) {
+  if (
+    element && element._owner && element._owner !== ReactCurrentOwner.current
+  ) {
     // Give the component that originally created this child.
-    childOwner =
-      ` It was passed a child from ${getComponentName(element._owner)}.`;
+    childOwner = ` It was passed a child from ${getComponentName(element._owner)}.`;
   }
 
   warning(
     false,
     'Each child in an array or iterator should have a unique "key" prop.' +
-    '%s%s See https://fb.me/react-warning-keys for more information.%s',
+      '%s%s See https://fb.me/react-warning-keys for more information.%s',
     currentComponentErrorInfo,
     childOwner,
-    getCurrentStackAddendum(element)
+    getCurrentStackAddendum(element),
   );
 }
 
@@ -183,41 +182,32 @@ function validatePropTypes(element) {
   }
   var name = componentClass.displayName || componentClass.name;
   if (componentClass.propTypes) {
-    checkReactTypeSpec(
-      componentClass.propTypes,
-      element.props,
-      'prop',
-      name
-    );
+    checkReactTypeSpec(componentClass.propTypes, element.props, 'prop', name);
   }
   if (typeof componentClass.getDefaultProps === 'function') {
     warning(
       componentClass.getDefaultProps.isReactClassApproved,
       'getDefaultProps is only used on classic React.createClass ' +
-      'definitions. Use a static property named `defaultProps` instead.'
+        'definitions. Use a static property named `defaultProps` instead.',
     );
   }
 }
 
 var ReactElementValidator = {
-
   createElement: function(type, props, children) {
-    var validType =
-      typeof type === 'string' ||
-      typeof type === 'function';
+    var validType = typeof type === 'string' || typeof type === 'function';
     // We warn in this case but don't throw. We expect the element creation to
     // succeed and there will likely be errors in render.
     if (!validType) {
       var info = '';
       if (
         type === undefined ||
-        typeof type === 'object' &&
-        type !== null &&
-        Object.keys(type).length === 0
+        (typeof type === 'object' &&
+          type !== null &&
+          Object.keys(type).length === 0)
       ) {
-        info +=
-          ' You likely forgot to export your component from the file ' +
-          'it\'s defined in.';
+        info += ' You likely forgot to export your component from the file ' +
+          "it's defined in.";
       }
 
       var sourceInfo = getSourceInfoErrorAddendum(props);
@@ -232,8 +222,8 @@ var ReactElementValidator = {
       warning(
         false,
         'React.createElement: type is invalid -- expected a string (for ' +
-        'built-in components) or a class/function (for composite ' +
-        'components) but got: %s.%s',
+          'built-in components) or a class/function (for composite ' +
+          'components) but got: %s.%s',
         type == null ? type : typeof type,
         info,
       );
@@ -272,37 +262,29 @@ var ReactElementValidator = {
   },
 
   createFactory: function(type) {
-    var validatedFactory = ReactElementValidator.createElement.bind(
-      null,
-      type
-    );
+    var validatedFactory = ReactElementValidator.createElement.bind(null, type);
     // Legacy hook TODO: Warn if this is accessed
     validatedFactory.type = type;
 
     if (__DEV__) {
       if (canDefineProperty) {
-        Object.defineProperty(
-          validatedFactory,
-          'type',
-          {
-            enumerable: false,
-            get: function() {
-              warning(
-                false,
-                'Factory.type is deprecated. Access the class directly ' +
-                'before passing it to createFactory.'
-              );
-              Object.defineProperty(this, 'type', {
-                value: type,
-              });
-              return type;
-            },
-          }
-        );
+        Object.defineProperty(validatedFactory, 'type', {
+          enumerable: false,
+          get: function() {
+            warning(
+              false,
+              'Factory.type is deprecated. Access the class directly ' +
+                'before passing it to createFactory.',
+            );
+            Object.defineProperty(this, 'type', {
+              value: type,
+            });
+            return type;
+          },
+        });
       }
     }
 
-
     return validatedFactory;
   },
 
@@ -320,7 +302,6 @@ var ReactElementValidator = {
     }
     return newElement;
   },
-
 };
 
 module.exports = ReactElementValidator;
diff --git a/src/isomorphic/classic/element/__tests__/ReactElement-test.js b/src/isomorphic/classic/element/__tests__/ReactElement-test.js
index a7967be465..27bd222be8 100644
--- a/src/isomorphic/classic/element/__tests__/ReactElement-test.js
+++ b/src/isomorphic/classic/element/__tests__/ReactElement-test.js
@@ -83,9 +83,9 @@ describe('ReactElement', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Child: `key` is not a prop. Trying to access it will result ' +
-      'in `undefined` being returned. If you need to access the same ' +
-      'value within the child component, you should pass it as a different ' +
-      'prop. (https://fb.me/react-special-props)'
+        'in `undefined` being returned. If you need to access the same ' +
+        'value within the child component, you should pass it as a different ' +
+        'prop. (https://fb.me/react-special-props)',
     );
   });
 
@@ -113,9 +113,9 @@ describe('ReactElement', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Child: `key` is not a prop. Trying to access it will result ' +
-      'in `undefined` being returned. If you need to access the same ' +
-      'value within the child component, you should pass it as a different ' +
-      'prop. (https://fb.me/react-special-props)'
+        'in `undefined` being returned. If you need to access the same ' +
+        'value within the child component, you should pass it as a different ' +
+        'prop. (https://fb.me/react-special-props)',
     );
   });
 
@@ -127,9 +127,9 @@ describe('ReactElement', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'div: `key` is not a prop. Trying to access it will result ' +
-      'in `undefined` being returned. If you need to access the same ' +
-      'value within the child component, you should pass it as a different ' +
-      'prop. (https://fb.me/react-special-props)'
+        'in `undefined` being returned. If you need to access the same ' +
+        'value within the child component, you should pass it as a different ' +
+        'prop. (https://fb.me/react-special-props)',
     );
   });
 
@@ -155,9 +155,9 @@ describe('ReactElement', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Child: `ref` is not a prop. Trying to access it will result ' +
-      'in `undefined` being returned. If you need to access the same ' +
-      'value within the child component, you should pass it as a different ' +
-      'prop. (https://fb.me/react-special-props)'
+        'in `undefined` being returned. If you need to access the same ' +
+        'value within the child component, you should pass it as a different ' +
+        'prop. (https://fb.me/react-special-props)',
     );
   });
 
@@ -265,7 +265,7 @@ describe('ReactElement', () => {
     });
 
     var instance = ReactTestUtils.renderIntoDocument(
-      React.createElement(Wrapper)
+      React.createElement(Wrapper),
     );
 
     if (ReactDOMFeatureFlags.useFiber) {
@@ -278,9 +278,12 @@ describe('ReactElement', () => {
   it('merges an additional argument onto the children prop', () => {
     spyOn(console, 'error');
     var a = 1;
-    var element = React.createFactory(ComponentClass)({
-      children: 'text',
-    }, a);
+    var element = React.createFactory(ComponentClass)(
+      {
+        children: 'text',
+      },
+      a,
+    );
     expect(element.props.children).toBe(a);
     expectDev(console.error.calls.count()).toBe(0);
   });
@@ -296,9 +299,12 @@ describe('ReactElement', () => {
 
   it('overrides children if null is provided as an argument', () => {
     spyOn(console, 'error');
-    var element = React.createFactory(ComponentClass)({
-      children: 'text',
-    }, null);
+    var element = React.createFactory(ComponentClass)(
+      {
+        children: 'text',
+      },
+      null,
+    );
     expect(element.props.children).toBe(null);
     expectDev(console.error.calls.count()).toBe(0);
   });
@@ -346,10 +352,8 @@ describe('ReactElement', () => {
       },
     });
 
-    expect(React.isValidElement(React.createElement('div')))
-      .toEqual(true);
-    expect(React.isValidElement(React.createElement(Component)))
-      .toEqual(true);
+    expect(React.isValidElement(React.createElement('div'))).toEqual(true);
+    expect(React.isValidElement(React.createElement(Component))).toEqual(true);
 
     expect(React.isValidElement(null)).toEqual(false);
     expect(React.isValidElement(true)).toEqual(false);
@@ -357,7 +361,7 @@ describe('ReactElement', () => {
     expect(React.isValidElement('string')).toEqual(false);
     expect(React.isValidElement(React.DOM.div)).toEqual(false);
     expect(React.isValidElement(Component)).toEqual(false);
-    expect(React.isValidElement({ type: 'div', props: {} })).toEqual(false);
+    expect(React.isValidElement({type: 'div', props: {}})).toEqual(false);
 
     var jsonElement = JSON.stringify(React.createElement('div'));
     expect(React.isValidElement(JSON.parse(jsonElement))).toBe(true);
@@ -401,7 +405,7 @@ describe('ReactElement', () => {
     var container = document.createElement('div');
     var instance = ReactDOM.render(
       React.createElement(Component, {fruit: 'mango'}),
-      container
+      container,
     );
     expect(instance.props.fruit).toBe('mango');
 
@@ -422,12 +426,12 @@ describe('ReactElement', () => {
     });
 
     var instance = ReactTestUtils.renderIntoDocument(
-      React.createElement(Component)
+      React.createElement(Component),
     );
     expect(instance.props.prop).toBe('testKey');
 
     var inst2 = ReactTestUtils.renderIntoDocument(
-      React.createElement(Component, {prop: null})
+      React.createElement(Component, {prop: null}),
     );
     expect(inst2.props.prop).toBe(null);
   });
@@ -510,10 +514,8 @@ describe('ReactElement', () => {
       },
     });
 
-    expect(React.isValidElement(React.createElement('div')))
-      .toEqual(true);
-    expect(React.isValidElement(React.createElement(Component)))
-      .toEqual(true);
+    expect(React.isValidElement(React.createElement('div'))).toEqual(true);
+    expect(React.isValidElement(React.createElement(Component))).toEqual(true);
 
     expect(React.isValidElement(null)).toEqual(false);
     expect(React.isValidElement(true)).toEqual(false);
@@ -521,12 +523,11 @@ describe('ReactElement', () => {
     expect(React.isValidElement('string')).toEqual(false);
     expect(React.isValidElement(React.DOM.div)).toEqual(false);
     expect(React.isValidElement(Component)).toEqual(false);
-    expect(React.isValidElement({ type: 'div', props: {} })).toEqual(false);
+    expect(React.isValidElement({type: 'div', props: {}})).toEqual(false);
 
     var jsonElement = JSON.stringify(React.createElement('div'));
     expect(React.isValidElement(JSON.parse(jsonElement))).toBe(false);
   });
-
 });
 
 describe('comparing jsx vs .createFactory() vs .createElement()', () => {
@@ -540,7 +541,6 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
     Child = jest.genMockFromModule('ReactElementTestChild');
   });
 
-
   describe('when using jsx only', () => {
     var Parent, instance;
     beforeEach(() => {
@@ -557,7 +557,10 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
     });
 
     it('should scry children but cannot', () => {
-      var children = ReactTestUtils.scryRenderedComponentsWithType(instance, Child);
+      var children = ReactTestUtils.scryRenderedComponentsWithType(
+        instance,
+        Child,
+      );
       expect(children.length).toBe(1);
     });
 
@@ -566,7 +569,10 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
     });
 
     it('can capture Child instantiation calls', () => {
-      expect(Child.mock.calls[0][0]).toEqual({ foo: 'foo value', children: 'children value' });
+      expect(Child.mock.calls[0][0]).toEqual({
+        foo: 'foo value',
+        children: 'children value',
+      });
     });
   });
 
@@ -576,7 +582,10 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
       var childFactory = React.createFactory(Child);
       var Parent = React.createClass({
         render: function() {
-          return React.DOM.div({}, childFactory({ ref: 'child', foo: 'foo value' }, 'children value'));
+          return React.DOM.div(
+            {},
+            childFactory({ref: 'child', foo: 'foo value'}, 'children value'),
+          );
         },
       });
       factory = React.createFactory(Parent);
@@ -584,7 +593,10 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
     });
 
     it('can properly scry children', () => {
-      var children = ReactTestUtils.scryRenderedComponentsWithType(instance, Child);
+      var children = ReactTestUtils.scryRenderedComponentsWithType(
+        instance,
+        Child,
+      );
       expect(children.length).toBe(1);
     });
 
@@ -593,7 +605,10 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
     });
 
     it('can capture Child instantiation calls', () => {
-      expect(Child.mock.calls[0][0]).toEqual({ foo: 'foo value', children: 'children value' });
+      expect(Child.mock.calls[0][0]).toEqual({
+        foo: 'foo value',
+        children: 'children value',
+      });
     });
   });
 
@@ -602,7 +617,14 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
     beforeEach(() => {
       var Parent = React.createClass({
         render: function() {
-          return React.DOM.div({}, React.createElement(Child, { ref: 'child', foo: 'foo value' }, 'children value'));
+          return React.DOM.div(
+            {},
+            React.createElement(
+              Child,
+              {ref: 'child', foo: 'foo value'},
+              'children value',
+            ),
+          );
         },
       });
       factory = React.createFactory(Parent);
@@ -610,7 +632,10 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
     });
 
     it('should scry children but cannot', () => {
-      var children = ReactTestUtils.scryRenderedComponentsWithType(instance, Child);
+      var children = ReactTestUtils.scryRenderedComponentsWithType(
+        instance,
+        Child,
+      );
       expect(children.length).toBe(1);
     });
 
@@ -619,8 +644,10 @@ describe('comparing jsx vs .createFactory() vs .createElement()', () => {
     });
 
     it('can capture Child instantiation calls', () => {
-      expect(Child.mock.calls[0][0]).toEqual({ foo: 'foo value', children: 'children value' });
+      expect(Child.mock.calls[0][0]).toEqual({
+        foo: 'foo value',
+        children: 'children value',
+      });
     });
   });
-
 });
diff --git a/src/isomorphic/classic/element/__tests__/ReactElementClone-test.js b/src/isomorphic/classic/element/__tests__/ReactElementClone-test.js
index 38ef248683..b4eaaa0765 100644
--- a/src/isomorphic/classic/element/__tests__/ReactElementClone-test.js
+++ b/src/isomorphic/classic/element/__tests__/ReactElementClone-test.js
@@ -42,7 +42,7 @@ describe('ReactElementClone', () => {
       render: function() {
         return (
           <div className="parent">
-            {React.cloneElement(this.props.child, { className: 'xyz' })}
+            {React.cloneElement(this.props.child, {className: 'xyz'})}
           </div>
         );
       },
@@ -66,7 +66,7 @@ describe('ReactElementClone', () => {
       render: function() {
         return (
           <div className="parent">
-            {React.cloneElement(this.props.child, { className: 'xyz' })}
+            {React.cloneElement(this.props.child, {className: 'xyz'})}
           </div>
         );
       },
@@ -91,7 +91,7 @@ describe('ReactElementClone', () => {
       render: function() {
         return (
           <div>
-            {React.cloneElement(this.props.child, { className: 'xyz' })}
+            {React.cloneElement(this.props.child, {className: 'xyz'})}
           </div>
         );
       },
@@ -120,7 +120,7 @@ describe('ReactElementClone', () => {
     });
 
     ReactTestUtils.renderIntoDocument(
-      React.cloneElement(<Component />, {children: 'xyz'})
+      React.cloneElement(<Component />, {children: 'xyz'}),
     );
   });
 
@@ -133,7 +133,7 @@ describe('ReactElementClone', () => {
     });
 
     ReactTestUtils.renderIntoDocument(
-      React.cloneElement(<Component>xyz</Component>, {})
+      React.cloneElement(<Component>xyz</Component>, {}),
     );
   });
 
@@ -146,34 +146,41 @@ describe('ReactElementClone', () => {
 
     var clone = React.cloneElement(
       <Component>xyz</Component>,
-      { children: <Component /> },
-      <div />,
-      <span />
-    );
-
-    expect(clone.props.children).toEqual([
+      {children: <Component />},
       <div />,
       <span />,
-    ]);
+    );
+
+    expect(clone.props.children).toEqual([<div />, <span />]);
   });
 
   it('should override children if undefined is provided as an argument', () => {
-    var element = React.createElement(ComponentClass, {
-      children: 'text',
-    }, undefined);
+    var element = React.createElement(
+      ComponentClass,
+      {
+        children: 'text',
+      },
+      undefined,
+    );
     expect(element.props.children).toBe(undefined);
 
-    var element2 = React.cloneElement(React.createElement(ComponentClass, {
-      children: 'text',
-    }), {}, undefined);
+    var element2 = React.cloneElement(
+      React.createElement(ComponentClass, {
+        children: 'text',
+      }),
+      {},
+      undefined,
+    );
     expect(element2.props.children).toBe(undefined);
   });
 
   it('should support keys and refs', () => {
     var Parent = React.createClass({
       render: function() {
-        var clone =
-          React.cloneElement(this.props.children, {key: 'xyz', ref: 'xyz'});
+        var clone = React.cloneElement(this.props.children, {
+          key: 'xyz',
+          ref: 'xyz',
+        });
         expect(clone.key).toBe('xyz');
         expect(clone.ref).toBe('xyz');
         return <div>{clone}</div>;
@@ -218,7 +225,7 @@ describe('ReactElementClone', () => {
     });
 
     ReactTestUtils.renderIntoDocument(
-      React.cloneElement(<Component myprop="abc" />, {myprop: 'xyz'})
+      React.cloneElement(<Component myprop="abc" />, {myprop: 'xyz'}),
     );
   });
 
@@ -252,7 +259,7 @@ describe('ReactElementClone', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Each child in an array or iterator should have a unique "key" prop.'
+      'Each child in an array or iterator should have a unique "key" prop.',
     );
   });
 
@@ -297,21 +304,20 @@ describe('ReactElementClone', () => {
     });
     var GrandParent = React.createClass({
       render: function() {
-        return React.createElement(
-          Parent,
-          { child: React.createElement(Component, {color: 'red'}) }
-        );
+        return React.createElement(Parent, {
+          child: React.createElement(Component, {color: 'red'}),
+        });
       },
     });
     ReactTestUtils.renderIntoDocument(React.createElement(GrandParent));
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Failed prop type: ' +
-      'Invalid prop `color` of type `number` supplied to `Component`, ' +
-      'expected `string`.\n' +
-      '    in Component (created by GrandParent)\n' +
-      '    in Parent (created by GrandParent)\n' +
-      '    in GrandParent'
+        'Invalid prop `color` of type `number` supplied to `Component`, ' +
+        'expected `string`.\n' +
+        '    in Component (created by GrandParent)\n' +
+        '    in Parent (created by GrandParent)\n' +
+        '    in GrandParent',
     );
   });
 
@@ -361,5 +367,4 @@ describe('ReactElementClone', () => {
     expect(Object.isFrozen(element.props)).toBe(true);
     expect(clone.props).toEqual({foo: 'ef'});
   });
-
 });
diff --git a/src/isomorphic/classic/element/__tests__/ReactElementValidator-test.js b/src/isomorphic/classic/element/__tests__/ReactElementValidator-test.js
index 34fe5b3a62..c9dbf7cc8f 100644
--- a/src/isomorphic/classic/element/__tests__/ReactElementValidator-test.js
+++ b/src/isomorphic/classic/element/__tests__/ReactElementValidator-test.js
@@ -46,7 +46,7 @@ describe('ReactElementValidator', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Each child in an array or iterator should have a unique "key" prop.'
+      'Each child in an array or iterator should have a unique "key" prop.',
     );
   });
 
@@ -66,19 +66,17 @@ describe('ReactElementValidator', () => {
     var ComponentWrapper = React.createClass({
       displayName: 'ComponentWrapper',
       render: function() {
-        return InnerComponent({childSet: [Component(), Component()] });
+        return InnerComponent({childSet: [Component(), Component()]});
       },
     });
 
-    ReactTestUtils.renderIntoDocument(
-      React.createElement(ComponentWrapper)
-    );
+    ReactTestUtils.renderIntoDocument(React.createElement(ComponentWrapper));
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Each child in an array or iterator should have a unique "key" prop.' +
-      '\n\nCheck the render method of `InnerClass`. ' +
-      'It was passed a child from ComponentWrapper. '
+        '\n\nCheck the render method of `InnerClass`. ' +
+        'It was passed a child from ComponentWrapper. ',
     );
   });
 
@@ -92,35 +90,29 @@ describe('ReactElementValidator', () => {
       },
     });
 
-    var divs = [
-      <div />,
-      <div />,
-    ];
+    var divs = [<div />, <div />];
     ReactTestUtils.renderIntoDocument(<Anonymous>{divs}</Anonymous>);
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Each child in an array or iterator should have a unique ' +
-      '"key" prop. See https://fb.me/react-warning-keys for more information.\n' +
-      '    in div (at **)'
+        '"key" prop. See https://fb.me/react-warning-keys for more information.\n' +
+        '    in div (at **)',
     );
   });
 
   it('warns for keys for arrays of elements with no owner info', () => {
     spyOn(console, 'error');
 
-    var divs = [
-      <div />,
-      <div />,
-    ];
+    var divs = [<div />, <div />];
     ReactTestUtils.renderIntoDocument(<div>{divs}</div>);
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Each child in an array or iterator should have a unique ' +
-      '"key" prop.\n\nCheck the top-level render call using <div>. See ' +
-      'https://fb.me/react-warning-keys for more information.\n' +
-      '    in div (at **)'
+        '"key" prop.\n\nCheck the top-level render call using <div>. See ' +
+        'https://fb.me/react-warning-keys for more information.\n' +
+        '    in div (at **)',
     );
   });
 
@@ -150,12 +142,12 @@ describe('ReactElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Each child in an array or iterator should have a unique ' +
-      '"key" prop.\n\nCheck the render method of `Component`. See ' +
-      'https://fb.me/react-warning-keys for more information.\n' +
-      '    in div (at **)\n' +
-      '    in Component (at **)\n' +
-      '    in Parent (at **)\n' +
-      '    in GrandParent (at **)'
+        '"key" prop.\n\nCheck the render method of `Component`. See ' +
+        'https://fb.me/react-warning-keys for more information.\n' +
+        '    in div (at **)\n' +
+        '    in Component (at **)\n' +
+        '    in Parent (at **)\n' +
+        '    in GrandParent (at **)',
     );
   });
 
@@ -177,7 +169,7 @@ describe('ReactElementValidator', () => {
       <Wrapper>
         <span />
         <span />
-      </Wrapper>
+      </Wrapper>,
     );
 
     expectDev(console.error.calls.count()).toBe(0);
@@ -203,7 +195,7 @@ describe('ReactElementValidator', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Each child in an array or iterator should have a unique "key" prop.'
+      'Each child in an array or iterator should have a unique "key" prop.',
     );
   });
 
@@ -279,10 +271,10 @@ describe('ReactElementValidator', () => {
     ReactTestUtils.renderIntoDocument(React.createElement(ParentComp));
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Failed prop type: ' +
-      'Invalid prop `color` of type `number` supplied to `MyComp`, ' +
-      'expected `string`.\n' +
-      '    in MyComp (created by ParentComp)\n' +
-      '    in ParentComp'
+        'Invalid prop `color` of type `number` supplied to `MyComp`, ' +
+        'expected `string`.\n' +
+        '    in MyComp (created by ParentComp)\n' +
+        '    in ParentComp',
     );
   });
 
@@ -297,35 +289,35 @@ describe('ReactElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(6);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: undefined. You likely forgot to export your ' +
-      'component from the file it\'s defined in.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: undefined. You likely forgot to export your ' +
+        "component from the file it's defined in.",
     );
     expectDev(console.error.calls.argsFor(1)[0]).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: null.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: null.',
     );
     expectDev(console.error.calls.argsFor(2)[0]).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: boolean.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: boolean.',
     );
     expectDev(console.error.calls.argsFor(3)[0]).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: number.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: number.',
     );
     expectDev(console.error.calls.argsFor(4)[0]).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: object.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: object.',
     );
     expectDev(console.error.calls.argsFor(5)[0]).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: object. You likely forgot to export your ' +
-      'component from the file it\'s defined in.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: object. You likely forgot to export your ' +
+        "component from the file it's defined in.",
     );
     React.createElement('div');
     expectDev(console.error.calls.count()).toBe(6);
@@ -342,15 +334,15 @@ describe('ReactElementValidator', () => {
       ReactTestUtils.renderIntoDocument(React.createElement(ParentComp));
     }).toThrowError(
       'Element type is invalid: expected a string (for built-in components) ' +
-      'or a class/function (for composite components) but got: null.\n\nCheck ' +
-      'the render method of `ParentComp`.'
+        'or a class/function (for composite components) but got: null.\n\nCheck ' +
+        'the render method of `ParentComp`.',
     );
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: null.\n\nCheck the render method of `ParentComp`.' +
-      '\n    in ParentComp'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: null.\n\nCheck the render method of `ParentComp`.' +
+        '\n    in ParentComp',
     );
   });
 
@@ -372,8 +364,8 @@ describe('ReactElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Failed prop type: The prop `prop` is marked as required in ' +
-      '`Component`, but its value is `null`.\n' +
-      '    in Component'
+        '`Component`, but its value is `null`.\n' +
+        '    in Component',
     );
   });
 
@@ -391,14 +383,14 @@ describe('ReactElementValidator', () => {
     });
 
     ReactTestUtils.renderIntoDocument(
-      React.createElement(Component, {prop:null})
+      React.createElement(Component, {prop: null}),
     );
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Failed prop type: The prop `prop` is marked as required in ' +
-      '`Component`, but its value is `null`.\n' +
-      '    in Component'
+        '`Component`, but its value is `null`.\n' +
+        '    in Component',
     );
   });
 
@@ -414,30 +406,28 @@ describe('ReactElementValidator', () => {
       },
     });
 
+    ReactTestUtils.renderIntoDocument(React.createElement(Component));
     ReactTestUtils.renderIntoDocument(
-      React.createElement(Component)
-    );
-    ReactTestUtils.renderIntoDocument(
-      React.createElement(Component, {prop: 42})
+      React.createElement(Component, {prop: 42}),
     );
 
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Failed prop type: ' +
-      'The prop `prop` is marked as required in `Component`, but its value ' +
-      'is `undefined`.\n' +
-      '    in Component'
+        'The prop `prop` is marked as required in `Component`, but its value ' +
+        'is `undefined`.\n' +
+        '    in Component',
     );
 
     expectDev(console.error.calls.argsFor(1)[0]).toBe(
       'Warning: Failed prop type: ' +
-      'Invalid prop `prop` of type `number` supplied to ' +
-      '`Component`, expected `string`.\n' +
-      '    in Component'
+        'Invalid prop `prop` of type `number` supplied to ' +
+        '`Component`, expected `string`.\n' +
+        '    in Component',
     );
 
     ReactTestUtils.renderIntoDocument(
-      React.createElement(Component, {prop: 'string'})
+      React.createElement(Component, {prop: 'string'}),
     );
 
     // Should not error for strings
@@ -457,16 +447,16 @@ describe('ReactElementValidator', () => {
     });
 
     ReactTestUtils.renderIntoDocument(
-      React.createElement(Component, {myProp: {value: 'hi'}})
+      React.createElement(Component, {myProp: {value: 'hi'}}),
     );
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Component: type specification of prop `myProp` is invalid; ' +
-      'the type checker function must return `null` or an `Error` but ' +
-      'returned a function. You may have forgotten to pass an argument to ' +
-      'the type checker creator (arrayOf, instanceOf, objectOf, oneOf, ' +
-      'oneOfType, and shape all require an argument).'
+        'the type checker function must return `null` or an `Error` but ' +
+        'returned a function. You may have forgotten to pass an argument to ' +
+        'the type checker creator (arrayOf, instanceOf, objectOf, oneOf, ' +
+        'oneOfType, and shape all require an argument).',
     );
   });
 
@@ -482,7 +472,7 @@ describe('ReactElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Factory.type is deprecated. Access the class directly before ' +
-      'passing it to createFactory.'
+        'passing it to createFactory.',
     );
     // Warn once, not again
     expect(TestFactory.type).toBe(TestComponent);
@@ -531,7 +521,7 @@ describe('ReactElementValidator', () => {
     // shouldn't blow up either.
 
     var child = {
-      $$typeof: (<div />).$$typeof,
+      $$typeof: <div />.$$typeof,
       type: 'span',
       key: null,
       ref: null,
@@ -549,10 +539,9 @@ describe('ReactElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: undefined. You likely forgot to export your ' +
-      'component from the file it\'s defined in.\n\nCheck your code at **.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: undefined. You likely forgot to export your ' +
+        "component from the file it's defined in.\n\nCheck your code at **.",
     );
   });
-
 });
diff --git a/src/isomorphic/classic/types/ReactPropTypes.js b/src/isomorphic/classic/types/ReactPropTypes.js
index 6cd3c04d93..01710a0086 100644
--- a/src/isomorphic/classic/types/ReactPropTypes.js
+++ b/src/isomorphic/classic/types/ReactPropTypes.js
@@ -95,7 +95,7 @@ if (__DEV__) {
   var productionTypeChecker = function() {
     invariant(
       false,
-      'React.PropTypes type checking code is stripped in production.'
+      'React.PropTypes type checking code is stripped in production.',
     );
   };
   productionTypeChecker.isRequired = productionTypeChecker;
@@ -122,7 +122,6 @@ if (__DEV__) {
   };
 }
 
-
 /**
  * inlined Object.is polyfill to avoid requiring consumers ship their own
  * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
@@ -130,7 +129,8 @@ if (__DEV__) {
 /*eslint-disable no-self-compare*/
 function is(x, y) {
   // SameValue algorithm
-  if (x === y) { // Steps 1-5, 7-10
+  if (x === y) {
+    // Steps 1-5, 7-10
     // Steps 6.b-6.e: +0 != -0
     return x !== 0 || 1 / x === 1 / y;
   } else {
@@ -165,27 +165,24 @@ function createChainableTypeChecker(validate) {
     componentName,
     location,
     propFullName,
-    secret
+    secret,
   ) {
     componentName = componentName || ANONYMOUS;
     propFullName = propFullName || propName;
     if (__DEV__) {
-      if (
-        secret !== ReactPropTypesSecret &&
-        typeof console !== 'undefined'
-      ) {
+      if (secret !== ReactPropTypesSecret && typeof console !== 'undefined') {
         var cacheKey = `${componentName}:${propName}`;
         if (!manualPropTypeCallCache[cacheKey]) {
           warning(
             false,
             'You are manually calling a React.PropTypes validation ' +
-            'function for the `%s` prop on `%s`. This is deprecated ' +
-            'and will not work in production with the next major version. ' +
-            'You may be seeing this warning due to a third-party PropTypes ' +
-            'library. See https://fb.me/react-warning-dont-call-proptypes ' +
-            'for details.',
+              'function for the `%s` prop on `%s`. This is deprecated ' +
+              'and will not work in production with the next major version. ' +
+              'You may be seeing this warning due to a third-party PropTypes ' +
+              'library. See https://fb.me/react-warning-dont-call-proptypes ' +
+              'for details.',
             propFullName,
-            componentName
+            componentName,
           );
           manualPropTypeCallCache[cacheKey] = true;
         }
@@ -196,23 +193,17 @@ function createChainableTypeChecker(validate) {
         if (props[propName] === null) {
           return new PropTypeError(
             `The ${location} \`${propFullName}\` is marked as required ` +
-            `in \`${componentName}\`, but its value is \`null\`.`
+              `in \`${componentName}\`, but its value is \`null\`.`,
           );
         }
         return new PropTypeError(
           `The ${location} \`${propFullName}\` is marked as required in ` +
-          `\`${componentName}\`, but its value is \`undefined\`.`
+            `\`${componentName}\`, but its value is \`undefined\`.`,
         );
       }
       return null;
     } else {
-      return validate(
-        props,
-        propName,
-        componentName,
-        location,
-        propFullName,
-      );
+      return validate(props, propName, componentName, location, propFullName);
     }
   }
 
@@ -229,7 +220,7 @@ function createPrimitiveTypeChecker(expectedType) {
     componentName,
     location,
     propFullName,
-    secret
+    secret,
   ) {
     var propValue = props[propName];
     var propType = getPropType(propValue);
@@ -241,8 +232,8 @@ function createPrimitiveTypeChecker(expectedType) {
 
       return new PropTypeError(
         `Invalid ${location} \`${propFullName}\` of type ` +
-        `\`${preciseType}\` supplied to \`${componentName}\`, expected ` +
-        `\`${expectedType}\`.`
+          `\`${preciseType}\` supplied to \`${componentName}\`, expected ` +
+          `\`${expectedType}\`.`,
       );
     }
     return null;
@@ -258,7 +249,7 @@ function createArrayOfTypeChecker(typeChecker) {
   function validate(props, propName, componentName, location, propFullName) {
     if (typeof typeChecker !== 'function') {
       return new PropTypeError(
-        `Property \`${propFullName}\` of component \`${componentName}\` has invalid PropType notation inside arrayOf.`
+        `Property \`${propFullName}\` of component \`${componentName}\` has invalid PropType notation inside arrayOf.`,
       );
     }
     var propValue = props[propName];
@@ -266,7 +257,7 @@ function createArrayOfTypeChecker(typeChecker) {
       var propType = getPropType(propValue);
       return new PropTypeError(
         `Invalid ${location} \`${propFullName}\` of type ` +
-        `\`${propType}\` supplied to \`${componentName}\`, expected an array.`
+          `\`${propType}\` supplied to \`${componentName}\`, expected an array.`,
       );
     }
     for (var i = 0; i < propValue.length; i++) {
@@ -276,7 +267,7 @@ function createArrayOfTypeChecker(typeChecker) {
         componentName,
         location,
         `${propFullName}[${i}]`,
-        ReactPropTypesSecret
+        ReactPropTypesSecret,
       );
       if (error instanceof Error) {
         return error;
@@ -294,7 +285,7 @@ function createElementTypeChecker() {
       var propType = getPropType(propValue);
       return new PropTypeError(
         `Invalid ${location} \`${propFullName}\` of type ` +
-        `\`${propType}\` supplied to \`${componentName}\`, expected a single ReactElement.`
+          `\`${propType}\` supplied to \`${componentName}\`, expected a single ReactElement.`,
       );
     }
     return null;
@@ -309,8 +300,8 @@ function createInstanceTypeChecker(expectedClass) {
       var actualClassName = getClassName(props[propName]);
       return new PropTypeError(
         `Invalid ${location} \`${propFullName}\` of type ` +
-        `\`${actualClassName}\` supplied to \`${componentName}\`, expected ` +
-        `instance of \`${expectedClassName}\`.`
+          `\`${actualClassName}\` supplied to \`${componentName}\`, expected ` +
+          `instance of \`${expectedClassName}\`.`,
       );
     }
     return null;
@@ -320,7 +311,10 @@ function createInstanceTypeChecker(expectedClass) {
 
 function createEnumTypeChecker(expectedValues) {
   if (!Array.isArray(expectedValues)) {
-    warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.');
+    warning(
+      false,
+      'Invalid argument supplied to oneOf, expected an instance of array.',
+    );
     return emptyFunction.thatReturnsNull;
   }
 
@@ -335,7 +329,7 @@ function createEnumTypeChecker(expectedValues) {
     var valuesString = JSON.stringify(expectedValues);
     return new PropTypeError(
       `Invalid ${location} \`${propFullName}\` of value \`${propValue}\` ` +
-      `supplied to \`${componentName}\`, expected one of ${valuesString}.`
+        `supplied to \`${componentName}\`, expected one of ${valuesString}.`,
     );
   }
   return createChainableTypeChecker(validate);
@@ -345,7 +339,7 @@ function createObjectOfTypeChecker(typeChecker) {
   function validate(props, propName, componentName, location, propFullName) {
     if (typeof typeChecker !== 'function') {
       return new PropTypeError(
-        `Property \`${propFullName}\` of component \`${componentName}\` has invalid PropType notation inside objectOf.`
+        `Property \`${propFullName}\` of component \`${componentName}\` has invalid PropType notation inside objectOf.`,
       );
     }
     var propValue = props[propName];
@@ -353,7 +347,7 @@ function createObjectOfTypeChecker(typeChecker) {
     if (propType !== 'object') {
       return new PropTypeError(
         `Invalid ${location} \`${propFullName}\` of type ` +
-        `\`${propType}\` supplied to \`${componentName}\`, expected an object.`
+          `\`${propType}\` supplied to \`${componentName}\`, expected an object.`,
       );
     }
     for (var key in propValue) {
@@ -364,7 +358,7 @@ function createObjectOfTypeChecker(typeChecker) {
           componentName,
           location,
           `${propFullName}.${key}`,
-          ReactPropTypesSecret
+          ReactPropTypesSecret,
         );
         if (error instanceof Error) {
           return error;
@@ -378,7 +372,10 @@ function createObjectOfTypeChecker(typeChecker) {
 
 function createUnionTypeChecker(arrayOfTypeCheckers) {
   if (!Array.isArray(arrayOfTypeCheckers)) {
-    warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.');
+    warning(
+      false,
+      'Invalid argument supplied to oneOfType, expected an instance of array.',
+    );
     return emptyFunction.thatReturnsNull;
   }
 
@@ -392,7 +389,7 @@ function createUnionTypeChecker(arrayOfTypeCheckers) {
           componentName,
           location,
           propFullName,
-          ReactPropTypesSecret
+          ReactPropTypesSecret,
         ) == null
       ) {
         return null;
@@ -401,7 +398,7 @@ function createUnionTypeChecker(arrayOfTypeCheckers) {
 
     return new PropTypeError(
       `Invalid ${location} \`${propFullName}\` supplied to ` +
-      `\`${componentName}\`.`
+        `\`${componentName}\`.`,
     );
   }
   return createChainableTypeChecker(validate);
@@ -412,7 +409,7 @@ function createNodeChecker() {
     if (!isNode(props[propName])) {
       return new PropTypeError(
         `Invalid ${location} \`${propFullName}\` supplied to ` +
-        `\`${componentName}\`, expected a ReactNode.`
+          `\`${componentName}\`, expected a ReactNode.`,
       );
     }
     return null;
@@ -427,7 +424,7 @@ function createShapeTypeChecker(shapeTypes) {
     if (propType !== 'object') {
       return new PropTypeError(
         `Invalid ${location} \`${propFullName}\` of type \`${propType}\` ` +
-        `supplied to \`${componentName}\`, expected \`object\`.`
+          `supplied to \`${componentName}\`, expected \`object\`.`,
       );
     }
     for (var key in shapeTypes) {
@@ -441,7 +438,7 @@ function createShapeTypeChecker(shapeTypes) {
         componentName,
         location,
         `${propFullName}.${key}`,
-        ReactPropTypesSecret
+        ReactPropTypesSecret,
       );
       if (error) {
         return error;
diff --git a/src/isomorphic/classic/types/__tests__/ReactPropTypes-test.js b/src/isomorphic/classic/types/__tests__/ReactPropTypes-test.js
index 64dbe07ba3..c5ba572fb2 100644
--- a/src/isomorphic/classic/types/__tests__/ReactPropTypes-test.js
+++ b/src/isomorphic/classic/types/__tests__/ReactPropTypes-test.js
@@ -62,14 +62,22 @@ function typeCheckFailRequiredValues(declaration) {
   var unspecifiedMsg = 'The prop `testProp` is marked as required in ' +
     '`testComponent`, but its value is \`undefined\`.';
 
-  var propTypes = { testProp: declaration };
+  var propTypes = {testProp: declaration};
 
   // Required prop is null
-  var message1 = getPropTypeWarningMessage(propTypes, { testProp: null }, 'testComponent');
+  var message1 = getPropTypeWarningMessage(
+    propTypes,
+    {testProp: null},
+    'testComponent',
+  );
   expect(message1).toContain(specifiedButIsNullMsg);
 
   // Required prop is undefined
-  var message2 = getPropTypeWarningMessage(propTypes, { testProp: undefined }, 'testComponent');
+  var message2 = getPropTypeWarningMessage(
+    propTypes,
+    {testProp: undefined},
+    'testComponent',
+  );
   expect(message2).toContain(unspecifiedMsg);
 
   // Required prop is not a member of props object
@@ -93,16 +101,11 @@ function expectWarningInDevelopment(declaration, value) {
   var propName = 'testProp' + Math.random().toString();
   var componentName = 'testComponent' + Math.random().toString();
   for (var i = 0; i < 3; i++) {
-    declaration(
-      props,
-      propName,
-      componentName,
-      'prop'
-    );
+    declaration(props, propName, componentName, 'prop');
   }
   expect(console.error.calls.count()).toBe(1);
   expect(console.error.calls.argsFor(0)[0]).toContain(
-    'You are manually calling a React.PropTypes validation '
+    'You are manually calling a React.PropTypes validation ',
   );
   console.error.calls.reset();
 }
@@ -124,8 +127,14 @@ describe('ReactPropTypes', () => {
           return new Error('some error');
         },
       };
-      const props = { foo: 'foo' };
-      const returnValue = checkPropTypes(propTypes, props, 'prop', 'testComponent', null);
+      const props = {foo: 'foo'};
+      const returnValue = checkPropTypes(
+        propTypes,
+        props,
+        'prop',
+        'testComponent',
+        null,
+      );
       expect(console.error.calls.argsFor(0)[0]).toContain('some error');
       expect(returnValue).toBe(undefined);
     });
@@ -137,8 +146,14 @@ describe('ReactPropTypes', () => {
           throw new Error('some error');
         },
       };
-      const props = { foo: 'foo' };
-      const returnValue = checkPropTypes(propTypes, props, 'prop', 'testComponent', null);
+      const props = {foo: 'foo'};
+      const returnValue = checkPropTypes(
+        propTypes,
+        props,
+        'prop',
+        'testComponent',
+        null,
+      );
       expect(console.error.calls.argsFor(0)[0]).toContain('some error');
       expect(returnValue).toBe(undefined);
     });
@@ -150,31 +165,31 @@ describe('ReactPropTypes', () => {
         PropTypes.string,
         [],
         'Invalid prop `testProp` of type `array` supplied to ' +
-        '`testComponent`, expected `string`.'
+          '`testComponent`, expected `string`.',
       );
       typeCheckFail(
         PropTypes.string,
         false,
         'Invalid prop `testProp` of type `boolean` supplied to ' +
-        '`testComponent`, expected `string`.'
+          '`testComponent`, expected `string`.',
       );
       typeCheckFail(
         PropTypes.string,
         0,
         'Invalid prop `testProp` of type `number` supplied to ' +
-        '`testComponent`, expected `string`.'
+          '`testComponent`, expected `string`.',
       );
       typeCheckFail(
         PropTypes.string,
         {},
         'Invalid prop `testProp` of type `object` supplied to ' +
-        '`testComponent`, expected `string`.'
+          '`testComponent`, expected `string`.',
       );
       typeCheckFail(
         PropTypes.string,
         Symbol(),
         'Invalid prop `testProp` of type `symbol` supplied to ' +
-        '`testComponent`, expected `string`.'
+          '`testComponent`, expected `string`.',
       );
     });
 
@@ -183,13 +198,13 @@ describe('ReactPropTypes', () => {
         PropTypes.string,
         new Date(),
         'Invalid prop `testProp` of type `date` supplied to ' +
-        '`testComponent`, expected `string`.'
+          '`testComponent`, expected `string`.',
       );
       typeCheckFail(
         PropTypes.string,
         /please/,
         'Invalid prop `testProp` of type `regexp` supplied to ' +
-        '`testComponent`, expected `string`.'
+          '`testComponent`, expected `string`.',
       );
     });
 
@@ -289,9 +304,9 @@ describe('ReactPropTypes', () => {
   describe('ArrayOf Type', () => {
     it('should fail for invalid argument', () => {
       typeCheckFail(
-        PropTypes.arrayOf({ foo: PropTypes.string }),
-        { foo: 'bar' },
-        'Property `testProp` of component `testComponent` has invalid PropType notation inside arrayOf.'
+        PropTypes.arrayOf({foo: PropTypes.string}),
+        {foo: 'bar'},
+        'Property `testProp` of component `testComponent` has invalid PropType notation inside arrayOf.',
       );
     });
 
@@ -305,14 +320,14 @@ describe('ReactPropTypes', () => {
     it('should support arrayOf with complex types', () => {
       typeCheckPass(
         PropTypes.arrayOf(PropTypes.shape({a: PropTypes.number.isRequired})),
-        [{a: 1}, {a: 2}]
+        [{a: 1}, {a: 2}],
       );
 
       function Thing() {}
-      typeCheckPass(
-        PropTypes.arrayOf(PropTypes.instanceOf(Thing)),
-        [new Thing(), new Thing()]
-      );
+      typeCheckPass(PropTypes.arrayOf(PropTypes.instanceOf(Thing)), [
+        new Thing(),
+        new Thing(),
+      ]);
     });
 
     it('should warn with invalid items in the array', () => {
@@ -320,7 +335,7 @@ describe('ReactPropTypes', () => {
         PropTypes.arrayOf(PropTypes.number),
         [1, 2, 'b'],
         'Invalid prop `testProp[2]` of type `string` supplied to ' +
-        '`testComponent`, expected `number`.'
+          '`testComponent`, expected `number`.',
       );
     });
 
@@ -332,7 +347,9 @@ describe('ReactPropTypes', () => {
         PropTypes.arrayOf(PropTypes.instanceOf(Thing)),
         [new Thing(), 'xyz'],
         'Invalid prop `testProp[1]` of type `String` supplied to ' +
-        '`testComponent`, expected instance of `' + name + '`.'
+          '`testComponent`, expected instance of `' +
+          name +
+          '`.',
       );
     });
 
@@ -341,19 +358,19 @@ describe('ReactPropTypes', () => {
         PropTypes.arrayOf(PropTypes.number),
         {'0': 'maybe-array', length: 1},
         'Invalid prop `testProp` of type `object` supplied to ' +
-        '`testComponent`, expected an array.'
+          '`testComponent`, expected an array.',
       );
       typeCheckFail(
         PropTypes.arrayOf(PropTypes.number),
         123,
         'Invalid prop `testProp` of type `number` supplied to ' +
-        '`testComponent`, expected an array.'
+          '`testComponent`, expected an array.',
       );
       typeCheckFail(
         PropTypes.arrayOf(PropTypes.number),
         'string',
         'Invalid prop `testProp` of type `string` supplied to ' +
-        '`testComponent`, expected an array.'
+          '`testComponent`, expected an array.',
       );
     });
 
@@ -368,26 +385,32 @@ describe('ReactPropTypes', () => {
 
     it('should warn for missing required values', () => {
       typeCheckFailRequiredValues(
-        PropTypes.arrayOf(PropTypes.number).isRequired
+        PropTypes.arrayOf(PropTypes.number).isRequired,
       );
     });
 
     it('should warn if called manually in development', () => {
       spyOn(console, 'error');
+      expectWarningInDevelopment(PropTypes.arrayOf({foo: PropTypes.string}), {
+        foo: 'bar',
+      });
+      expectWarningInDevelopment(PropTypes.arrayOf(PropTypes.number), [
+        1,
+        2,
+        'b',
+      ]);
+      expectWarningInDevelopment(PropTypes.arrayOf(PropTypes.number), {
+        '0': 'maybe-array',
+        length: 1,
+      });
       expectWarningInDevelopment(
-      PropTypes.arrayOf({ foo: PropTypes.string }),
-        { foo: 'bar' }
+        PropTypes.arrayOf(PropTypes.number).isRequired,
+        null,
       );
       expectWarningInDevelopment(
-        PropTypes.arrayOf(PropTypes.number),
-        [1, 2, 'b']
+        PropTypes.arrayOf(PropTypes.number).isRequired,
+        undefined,
       );
-      expectWarningInDevelopment(
-        PropTypes.arrayOf(PropTypes.number),
-        {'0': 'maybe-array', length: 1}
-      );
-      expectWarningInDevelopment(PropTypes.arrayOf(PropTypes.number).isRequired, null);
-      expectWarningInDevelopment(PropTypes.arrayOf(PropTypes.number).isRequired, undefined);
     });
   });
 
@@ -413,25 +436,25 @@ describe('ReactPropTypes', () => {
         PropTypes.element,
         [<div />, <div />],
         'Invalid prop `testProp` of type `array` supplied to `testComponent`, ' +
-        'expected a single ReactElement.'
+          'expected a single ReactElement.',
       );
       typeCheckFail(
         PropTypes.element,
         123,
         'Invalid prop `testProp` of type `number` supplied to `testComponent`, ' +
-        'expected a single ReactElement.'
+          'expected a single ReactElement.',
       );
       typeCheckFail(
         PropTypes.element,
         'foo',
         'Invalid prop `testProp` of type `string` supplied to `testComponent`, ' +
-        'expected a single ReactElement.'
+          'expected a single ReactElement.',
       );
       typeCheckFail(
         PropTypes.element,
         false,
         'Invalid prop `testProp` of type `boolean` supplied to `testComponent`, ' +
-        'expected a single ReactElement.'
+          'expected a single ReactElement.',
       );
     });
 
@@ -472,7 +495,6 @@ describe('ReactPropTypes', () => {
       expectWarningInDevelopment(PropTypes.element.isRequired, null);
       expectWarningInDevelopment(PropTypes.element.isRequired, undefined);
     });
-
   });
 
   describe('Instance Types', () => {
@@ -487,43 +509,57 @@ describe('ReactPropTypes', () => {
         PropTypes.instanceOf(Person),
         false,
         'Invalid prop `testProp` of type `Boolean` supplied to ' +
-        '`testComponent`, expected instance of `' + personName + '`.'
+          '`testComponent`, expected instance of `' +
+          personName +
+          '`.',
       );
       typeCheckFail(
         PropTypes.instanceOf(Person),
         {},
         'Invalid prop `testProp` of type `Object` supplied to ' +
-        '`testComponent`, expected instance of `' + personName + '`.'
+          '`testComponent`, expected instance of `' +
+          personName +
+          '`.',
       );
       typeCheckFail(
         PropTypes.instanceOf(Person),
         '',
         'Invalid prop `testProp` of type `String` supplied to ' +
-        '`testComponent`, expected instance of `' + personName + '`.'
+          '`testComponent`, expected instance of `' +
+          personName +
+          '`.',
       );
       typeCheckFail(
         PropTypes.instanceOf(Date),
         {},
         'Invalid prop `testProp` of type `Object` supplied to ' +
-        '`testComponent`, expected instance of `' + dateName + '`.'
+          '`testComponent`, expected instance of `' +
+          dateName +
+          '`.',
       );
       typeCheckFail(
         PropTypes.instanceOf(RegExp),
         {},
         'Invalid prop `testProp` of type `Object` supplied to ' +
-        '`testComponent`, expected instance of `' + regExpName + '`.'
+          '`testComponent`, expected instance of `' +
+          regExpName +
+          '`.',
       );
       typeCheckFail(
         PropTypes.instanceOf(Person),
         new Cat(),
         'Invalid prop `testProp` of type `Cat` supplied to ' +
-        '`testComponent`, expected instance of `' + personName + '`.'
+          '`testComponent`, expected instance of `' +
+          personName +
+          '`.',
       );
       typeCheckFail(
         PropTypes.instanceOf(Person),
         Object.create(null),
         'Invalid prop `testProp` of type `<<anonymous>>` supplied to ' +
-        '`testComponent`, expected instance of `' + personName + '`.'
+          '`testComponent`, expected instance of `' +
+          personName +
+          '`.',
       );
     });
 
@@ -553,9 +589,11 @@ describe('ReactPropTypes', () => {
       expectWarningInDevelopment(PropTypes.instanceOf(Date), {});
       expectWarningInDevelopment(PropTypes.instanceOf(Date), new Date());
       expectWarningInDevelopment(PropTypes.instanceOf(Date).isRequired, {});
-      expectWarningInDevelopment(PropTypes.instanceOf(Date).isRequired, new Date());
+      expectWarningInDevelopment(
+        PropTypes.instanceOf(Date).isRequired,
+        new Date(),
+      );
     });
-
   });
 
   describe('React Component Types', () => {
@@ -594,18 +632,21 @@ describe('ReactPropTypes', () => {
 
       // Object of renderable things
       var frag = ReactFragment.create;
-      typeCheckPass(PropTypes.node, frag({
-        k0: 123,
-        k1: 'Some string',
-        k2: <div />,
-        k3: frag({
-          k30: <MyComponent />,
-          k31: frag({k310: <a />}),
-          k32: 'Another string',
+      typeCheckPass(
+        PropTypes.node,
+        frag({
+          k0: 123,
+          k1: 'Some string',
+          k2: <div />,
+          k3: frag({
+            k30: <MyComponent />,
+            k31: frag({k310: <a />}),
+            k32: 'Another string',
+          }),
+          k4: null,
+          k5: undefined,
         }),
-        k4: null,
-        k5: undefined,
-      }));
+      );
       expectDev(console.error.calls.count()).toBe(0);
     });
 
@@ -632,7 +673,10 @@ describe('ReactPropTypes', () => {
           return {
             next: function() {
               var done = ++i > 2;
-              return {value: done ? undefined : ['#' + i, <MyComponent />], done: done};
+              return {
+                value: done ? undefined : ['#' + i, <MyComponent />],
+                done: done,
+              };
             },
           };
         },
@@ -663,45 +707,46 @@ describe('ReactPropTypes', () => {
       expectWarningInDevelopment(PropTypes.node.isRequired, undefined);
       expectWarningInDevelopment(PropTypes.node.isRequired, undefined);
     });
-
   });
 
   describe('ObjectOf Type', () => {
     it('should fail for invalid argument', () => {
       typeCheckFail(
-        PropTypes.objectOf({ foo: PropTypes.string }),
-        { foo: 'bar' },
-        'Property `testProp` of component `testComponent` has invalid PropType notation inside objectOf.'
+        PropTypes.objectOf({foo: PropTypes.string}),
+        {foo: 'bar'},
+        'Property `testProp` of component `testComponent` has invalid PropType notation inside objectOf.',
       );
     });
 
     it('should support the objectOf propTypes', () => {
       typeCheckPass(PropTypes.objectOf(PropTypes.number), {a: 1, b: 2, c: 3});
-      typeCheckPass(
-        PropTypes.objectOf(PropTypes.string),
-        {a: 'a', b: 'b', c: 'c'}
-      );
-      typeCheckPass(
-        PropTypes.objectOf(PropTypes.oneOf(['a', 'b'])),
-        {a: 'a', b: 'b'}
-      );
-      typeCheckPass(
-        PropTypes.objectOf(PropTypes.symbol),
-        {a: Symbol(), b: Symbol(), c: Symbol()}
-      );
+      typeCheckPass(PropTypes.objectOf(PropTypes.string), {
+        a: 'a',
+        b: 'b',
+        c: 'c',
+      });
+      typeCheckPass(PropTypes.objectOf(PropTypes.oneOf(['a', 'b'])), {
+        a: 'a',
+        b: 'b',
+      });
+      typeCheckPass(PropTypes.objectOf(PropTypes.symbol), {
+        a: Symbol(),
+        b: Symbol(),
+        c: Symbol(),
+      });
     });
 
     it('should support objectOf with complex types', () => {
       typeCheckPass(
         PropTypes.objectOf(PropTypes.shape({a: PropTypes.number.isRequired})),
-        {a: {a: 1}, b: {a: 2}}
+        {a: {a: 1}, b: {a: 2}},
       );
 
       function Thing() {}
-      typeCheckPass(
-        PropTypes.objectOf(PropTypes.instanceOf(Thing)),
-        {a: new Thing(), b: new Thing()}
-      );
+      typeCheckPass(PropTypes.objectOf(PropTypes.instanceOf(Thing)), {
+        a: new Thing(),
+        b: new Thing(),
+      });
     });
 
     it('should warn with invalid items in the object', () => {
@@ -709,7 +754,7 @@ describe('ReactPropTypes', () => {
         PropTypes.objectOf(PropTypes.number),
         {a: 1, b: 2, c: 'b'},
         'Invalid prop `testProp.c` of type `string` supplied to `testComponent`, ' +
-        'expected `number`.'
+          'expected `number`.',
       );
     });
 
@@ -721,7 +766,9 @@ describe('ReactPropTypes', () => {
         PropTypes.objectOf(PropTypes.instanceOf(Thing)),
         {a: new Thing(), b: 'xyz'},
         'Invalid prop `testProp.b` of type `String` supplied to ' +
-        '`testComponent`, expected instance of `' + name + '`.'
+          '`testComponent`, expected instance of `' +
+          name +
+          '`.',
       );
     });
 
@@ -730,25 +777,25 @@ describe('ReactPropTypes', () => {
         PropTypes.objectOf(PropTypes.number),
         [1, 2],
         'Invalid prop `testProp` of type `array` supplied to ' +
-        '`testComponent`, expected an object.'
+          '`testComponent`, expected an object.',
       );
       typeCheckFail(
         PropTypes.objectOf(PropTypes.number),
         123,
         'Invalid prop `testProp` of type `number` supplied to ' +
-        '`testComponent`, expected an object.'
+          '`testComponent`, expected an object.',
       );
       typeCheckFail(
         PropTypes.objectOf(PropTypes.number),
         'string',
         'Invalid prop `testProp` of type `string` supplied to ' +
-        '`testComponent`, expected an object.'
+          '`testComponent`, expected an object.',
       );
       typeCheckFail(
         PropTypes.objectOf(PropTypes.symbol),
         Symbol(),
         'Invalid prop `testProp` of type `symbol` supplied to ' +
-        '`testComponent`, expected an object.'
+          '`testComponent`, expected an object.',
       );
     });
 
@@ -763,23 +810,26 @@ describe('ReactPropTypes', () => {
 
     it('should warn for missing required values', () => {
       typeCheckFailRequiredValues(
-        PropTypes.objectOf(PropTypes.number).isRequired
+        PropTypes.objectOf(PropTypes.number).isRequired,
       );
     });
 
     it('should warn if called manually in development', () => {
       spyOn(console, 'error');
-      expectWarningInDevelopment(
-        PropTypes.objectOf({ foo: PropTypes.string }),
-        { foo: 'bar' }
-      );
-      expectWarningInDevelopment(
-        PropTypes.objectOf(PropTypes.number),
-        {a: 1, b: 2, c: 'b'}
-      );
+      expectWarningInDevelopment(PropTypes.objectOf({foo: PropTypes.string}), {
+        foo: 'bar',
+      });
+      expectWarningInDevelopment(PropTypes.objectOf(PropTypes.number), {
+        a: 1,
+        b: 2,
+        c: 'b',
+      });
       expectWarningInDevelopment(PropTypes.objectOf(PropTypes.number), [1, 2]);
       expectWarningInDevelopment(PropTypes.objectOf(PropTypes.number), null);
-      expectWarningInDevelopment(PropTypes.objectOf(PropTypes.number), undefined);
+      expectWarningInDevelopment(
+        PropTypes.objectOf(PropTypes.number),
+        undefined,
+      );
     });
   });
 
@@ -790,8 +840,9 @@ describe('ReactPropTypes', () => {
       PropTypes.oneOf('red', 'blue');
 
       expectDev(console.error).toHaveBeenCalled();
-      expectDev(console.error.calls.argsFor(0)[0])
-        .toContain('Invalid argument supplied to oneOf, expected an instance of array.');
+      expectDev(console.error.calls.argsFor(0)[0]).toContain(
+        'Invalid argument supplied to oneOf, expected an instance of array.',
+      );
 
       typeCheckPass(PropTypes.oneOf('red', 'blue'), 'red');
     });
@@ -801,25 +852,25 @@ describe('ReactPropTypes', () => {
         PropTypes.oneOf(['red', 'blue']),
         true,
         'Invalid prop `testProp` of value `true` supplied to ' +
-        '`testComponent`, expected one of ["red","blue"].'
+          '`testComponent`, expected one of ["red","blue"].',
       );
       typeCheckFail(
         PropTypes.oneOf(['red', 'blue']),
         [],
         'Invalid prop `testProp` of value `` supplied to `testComponent`, ' +
-        'expected one of ["red","blue"].'
+          'expected one of ["red","blue"].',
       );
       typeCheckFail(
         PropTypes.oneOf(['red', 'blue']),
         '',
         'Invalid prop `testProp` of value `` supplied to `testComponent`, ' +
-        'expected one of ["red","blue"].'
+          'expected one of ["red","blue"].',
       );
       typeCheckFail(
         PropTypes.oneOf([0, 'false']),
         false,
         'Invalid prop `testProp` of value `false` supplied to ' +
-        '`testComponent`, expected one of [0,"false"].'
+          '`testComponent`, expected one of [0,"false"].',
       );
     });
 
@@ -853,8 +904,9 @@ describe('ReactPropTypes', () => {
       PropTypes.oneOfType(PropTypes.string, PropTypes.number);
 
       expectDev(console.error).toHaveBeenCalled();
-      expectDev(console.error.calls.argsFor(0)[0])
-        .toContain('Invalid argument supplied to oneOfType, expected an instance of array.');
+      expectDev(console.error.calls.argsFor(0)[0]).toContain(
+        'Invalid argument supplied to oneOfType, expected an instance of array.',
+      );
 
       typeCheckPass(PropTypes.oneOf(PropTypes.string, PropTypes.number), []);
     });
@@ -863,7 +915,7 @@ describe('ReactPropTypes', () => {
       typeCheckFail(
         PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
         [],
-        'Invalid prop `testProp` supplied to `testComponent`.'
+        'Invalid prop `testProp` supplied to `testComponent`.',
       );
 
       var checker = PropTypes.oneOfType([
@@ -873,15 +925,12 @@ describe('ReactPropTypes', () => {
       typeCheckFail(
         checker,
         {c: 1},
-        'Invalid prop `testProp` supplied to `testComponent`.'
+        'Invalid prop `testProp` supplied to `testComponent`.',
       );
     });
 
     it('should not warn if one of the types are valid', () => {
-      var checker = PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.number,
-      ]);
+      var checker = PropTypes.oneOfType([PropTypes.string, PropTypes.number]);
       typeCheckPass(checker, null);
       typeCheckPass(checker, 'foo');
       typeCheckPass(checker, 123);
@@ -896,16 +945,18 @@ describe('ReactPropTypes', () => {
 
     it('should be implicitly optional and not warn without values', () => {
       typeCheckPass(
-        PropTypes.oneOfType([PropTypes.string, PropTypes.number]), null
+        PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+        null,
       );
       typeCheckPass(
-        PropTypes.oneOfType([PropTypes.string, PropTypes.number]), undefined
+        PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+        undefined,
       );
     });
 
     it('should warn for missing required values', () => {
       typeCheckFailRequiredValues(
-        PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+        PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
       );
     });
 
@@ -913,18 +964,17 @@ describe('ReactPropTypes', () => {
       spyOn(console, 'error');
       expectWarningInDevelopment(
         PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        []
+        [],
       );
       expectWarningInDevelopment(
         PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        null
+        null,
       );
       expectWarningInDevelopment(
         PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        undefined
+        undefined,
       );
     });
-
   });
 
   describe('Shape Types', () => {
@@ -933,13 +983,13 @@ describe('ReactPropTypes', () => {
         PropTypes.shape({}),
         'some string',
         'Invalid prop `testProp` of type `string` supplied to ' +
-        '`testComponent`, expected `object`.'
+          '`testComponent`, expected `object`.',
       );
       typeCheckFail(
         PropTypes.shape({}),
         ['array'],
         'Invalid prop `testProp` of type `array` supplied to ' +
-        '`testComponent`, expected `object`.'
+          '`testComponent`, expected `object`.',
       );
     });
 
@@ -966,7 +1016,7 @@ describe('ReactPropTypes', () => {
         PropTypes.shape({key: PropTypes.number.isRequired}),
         {},
         'The prop `testProp.key` is marked as required in `testComponent`, ' +
-          'but its value is `undefined`.'
+          'but its value is `undefined`.',
       );
     });
 
@@ -978,44 +1028,49 @@ describe('ReactPropTypes', () => {
         }),
         {},
         'The prop `testProp.key` is marked as required in `testComponent`, ' +
-          'but its value is `undefined`.'
+          'but its value is `undefined`.',
       );
     });
 
     it('should warn for invalid key types', () => {
-      typeCheckFail(PropTypes.shape({key: PropTypes.number}),
+      typeCheckFail(
+        PropTypes.shape({key: PropTypes.number}),
         {key: 'abc'},
         'Invalid prop `testProp.key` of type `string` supplied to `testComponent`, ' +
-        'expected `number`.'
+          'expected `number`.',
       );
     });
 
     it('should be implicitly optional and not warn without values', () => {
       typeCheckPass(
-        PropTypes.shape(PropTypes.shape({key: PropTypes.number})), null
+        PropTypes.shape(PropTypes.shape({key: PropTypes.number})),
+        null,
       );
       typeCheckPass(
-        PropTypes.shape(PropTypes.shape({key: PropTypes.number})), undefined
+        PropTypes.shape(PropTypes.shape({key: PropTypes.number})),
+        undefined,
       );
     });
 
     it('should warn for missing required values', () => {
       typeCheckFailRequiredValues(
-        PropTypes.shape({key: PropTypes.number}).isRequired
+        PropTypes.shape({key: PropTypes.number}).isRequired,
       );
     });
 
     it('should warn if called manually in development', () => {
       spyOn(console, 'error');
       expectWarningInDevelopment(PropTypes.shape({}), 'some string');
-      expectWarningInDevelopment(PropTypes.shape({ foo: PropTypes.number }), { foo: 42 });
+      expectWarningInDevelopment(PropTypes.shape({foo: PropTypes.number}), {
+        foo: 42,
+      });
       expectWarningInDevelopment(
         PropTypes.shape({key: PropTypes.number}).isRequired,
-        null
+        null,
       );
       expectWarningInDevelopment(
         PropTypes.shape({key: PropTypes.number}).isRequired,
-        undefined
+        undefined,
       );
       expectWarningInDevelopment(PropTypes.element, <div />);
     });
@@ -1027,13 +1082,13 @@ describe('ReactPropTypes', () => {
         PropTypes.symbol,
         'hello',
         'Invalid prop `testProp` of type `string` supplied to ' +
-        '`testComponent`, expected `symbol`.'
+          '`testComponent`, expected `symbol`.',
       );
       typeCheckFail(
         PropTypes.symbol,
-        function() { },
+        function() {},
         'Invalid prop `testProp` of type `function` supplied to ' +
-        '`testComponent`, expected `symbol`.'
+          '`testComponent`, expected `symbol`.',
       );
       typeCheckFail(
         PropTypes.symbol,
@@ -1041,7 +1096,7 @@ describe('ReactPropTypes', () => {
           '@@toStringTag': 'Katana',
         },
         'Invalid prop `testProp` of type `object` supplied to ' +
-        '`testComponent`, expected `symbol`.'
+          '`testComponent`, expected `symbol`.',
       );
     });
 
@@ -1090,15 +1145,15 @@ describe('ReactPropTypes', () => {
       expect(spy.calls.argsFor(0)[1]).toBe('num');
     });
 
-    it('should have received the validator\'s return value', () => {
+    it("should have received the validator's return value", () => {
       spyOn(console, 'error');
-      var spy = jasmine.createSpy().and.callFake(
-        function(props, propName, componentName) {
+      var spy = jasmine
+        .createSpy()
+        .and.callFake(function(props, propName, componentName) {
           if (props[propName] !== 5) {
             return new Error('num must be 5!');
           }
-        }
-      );
+        });
       Component = class extends React.Component {
         static propTypes = {num: spy};
 
@@ -1111,33 +1166,31 @@ describe('ReactPropTypes', () => {
       ReactDOM.render(<Component num={6} />, container);
       expectDev(console.error.calls.count()).toBe(1);
       expect(
-        console.error.calls.argsFor(0)[0].replace(/\(at .+?:\d+\)/g, '(at **)')
+        console.error.calls.argsFor(0)[0].replace(/\(at .+?:\d+\)/g, '(at **)'),
       ).toBe(
         'Warning: Failed prop type: num must be 5!\n' +
-        '    in Component (at **)'
+          '    in Component (at **)',
       );
     });
 
-    it('should not warn if the validator returned null',
-      () => {
-        spyOn(console, 'error');
-        var spy = jasmine.createSpy().and.callFake(
-          function(props, propName, componentName) {
-            return null;
-          }
-        );
-        Component = class extends React.Component {
-          static propTypes = {num: spy};
+    it('should not warn if the validator returned null', () => {
+      spyOn(console, 'error');
+      var spy = jasmine
+        .createSpy()
+        .and.callFake(function(props, propName, componentName) {
+          return null;
+        });
+      Component = class extends React.Component {
+        static propTypes = {num: spy};
 
-          render() {
-            return <div />;
-          }
-        };
+        render() {
+          return <div />;
+        }
+      };
 
-        var container = document.createElement('div');
-        ReactDOM.render(<Component num={5} />, container);
-        expectDev(console.error.calls.count()).toBe(0);
-      }
-    );
+      var container = document.createElement('div');
+      ReactDOM.render(<Component num={5} />, container);
+      expectDev(console.error.calls.count()).toBe(0);
+    });
   });
 });
diff --git a/src/isomorphic/classic/types/__tests__/ReactPropTypesProduction-test.js b/src/isomorphic/classic/types/__tests__/ReactPropTypesProduction-test.js
index 67842710e4..22d0ba1996 100644
--- a/src/isomorphic/classic/types/__tests__/ReactPropTypesProduction-test.js
+++ b/src/isomorphic/classic/types/__tests__/ReactPropTypesProduction-test.js
@@ -42,15 +42,8 @@ describe('ReactPropTypesProduction', function() {
   function expectThrowsInProduction(declaration, value) {
     var props = {testProp: value};
     expect(() => {
-      declaration(
-        props,
-        'testProp',
-        'testComponent',
-        'prop'
-      );
-    }).toThrowError(
-      'Minified React error #144'
-    );
+      declaration(props, 'testProp', 'testComponent', 'prop');
+    }).toThrowError('Minified React error #144');
   }
 
   describe('Primitive Types', function() {
@@ -96,20 +89,26 @@ describe('ReactPropTypesProduction', function() {
 
   describe('ArrayOf Type', function() {
     it('should be a no-op', function() {
+      expectThrowsInProduction(PropTypes.arrayOf({foo: PropTypes.string}), {
+        foo: 'bar',
+      });
+      expectThrowsInProduction(PropTypes.arrayOf(PropTypes.number), [
+        1,
+        2,
+        'b',
+      ]);
+      expectThrowsInProduction(PropTypes.arrayOf(PropTypes.number), {
+        '0': 'maybe-array',
+        length: 1,
+      });
       expectThrowsInProduction(
-        PropTypes.arrayOf({ foo: PropTypes.string }),
-        { foo: 'bar' }
+        PropTypes.arrayOf(PropTypes.number).isRequired,
+        null,
       );
       expectThrowsInProduction(
-        PropTypes.arrayOf(PropTypes.number),
-        [1, 2, 'b']
+        PropTypes.arrayOf(PropTypes.number).isRequired,
+        undefined,
       );
-      expectThrowsInProduction(
-        PropTypes.arrayOf(PropTypes.number),
-        {'0': 'maybe-array', length: 1}
-      );
-      expectThrowsInProduction(PropTypes.arrayOf(PropTypes.number).isRequired, null);
-      expectThrowsInProduction(PropTypes.arrayOf(PropTypes.number).isRequired, undefined);
     });
   });
 
@@ -141,14 +140,14 @@ describe('ReactPropTypesProduction', function() {
 
   describe('ObjectOf Type', function() {
     it('should be a no-op', function() {
-      expectThrowsInProduction(
-        PropTypes.objectOf({ foo: PropTypes.string }),
-        { foo: 'bar' }
-      );
-      expectThrowsInProduction(
-        PropTypes.objectOf(PropTypes.number),
-        {a: 1, b: 2, c: 'b'}
-      );
+      expectThrowsInProduction(PropTypes.objectOf({foo: PropTypes.string}), {
+        foo: 'bar',
+      });
+      expectThrowsInProduction(PropTypes.objectOf(PropTypes.number), {
+        a: 1,
+        b: 2,
+        c: 'b',
+      });
       expectThrowsInProduction(PropTypes.objectOf(PropTypes.number), [1, 2]);
       expectThrowsInProduction(PropTypes.objectOf(PropTypes.number), null);
       expectThrowsInProduction(PropTypes.objectOf(PropTypes.number), undefined);
@@ -168,19 +167,19 @@ describe('ReactPropTypesProduction', function() {
     it('should be a no-op', function() {
       expectThrowsInProduction(
         PropTypes.oneOfType(PropTypes.string, PropTypes.number),
-        'red'
+        'red',
       );
       expectThrowsInProduction(
         PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        []
+        [],
       );
       expectThrowsInProduction(
         PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        null
+        null,
       );
       expectThrowsInProduction(
         PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        undefined
+        undefined,
       );
     });
   });
@@ -190,11 +189,11 @@ describe('ReactPropTypesProduction', function() {
       expectThrowsInProduction(PropTypes.shape({}), 'some string');
       expectThrowsInProduction(
         PropTypes.shape({key: PropTypes.number}).isRequired,
-        null
+        null,
       );
       expectThrowsInProduction(
         PropTypes.shape({key: PropTypes.number}).isRequired,
-        undefined
+        undefined,
       );
     });
   });
diff --git a/src/isomorphic/classic/types/checkPropTypes.js b/src/isomorphic/classic/types/checkPropTypes.js
index 5779168684..5168efd9c0 100644
--- a/src/isomorphic/classic/types/checkPropTypes.js
+++ b/src/isomorphic/classic/types/checkPropTypes.js
@@ -43,26 +43,33 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
           invariant(
             typeof typeSpecs[typeSpecName] === 'function',
             '%s: %s type `%s` is invalid; it must be a function, usually from ' +
-            'React.PropTypes.',
+              'React.PropTypes.',
             componentName || 'React class',
             location,
-            typeSpecName
+            typeSpecName,
+          );
+          error = typeSpecs[typeSpecName](
+            values,
+            typeSpecName,
+            componentName,
+            location,
+            null,
+            ReactPropTypesSecret,
           );
-          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
         } catch (ex) {
           error = ex;
         }
         warning(
           !error || error instanceof Error,
           '%s: type specification of %s `%s` is invalid; the type checker ' +
-          'function must return `null` or an `Error` but returned a %s. ' +
-          'You may have forgotten to pass an argument to the type checker ' +
-          'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
-          'shape all require an argument).',
+            'function must return `null` or an `Error` but returned a %s. ' +
+            'You may have forgotten to pass an argument to the type checker ' +
+            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
+            'shape all require an argument).',
           componentName || 'React class',
           location,
           typeSpecName,
-          typeof error
+          typeof error,
         );
         if (error instanceof Error && !(error.message in loggedTypeFailures)) {
           // Only monitor this failure once because there tends to be a lot of the
diff --git a/src/isomorphic/hooks/ReactComponentTreeHook.js b/src/isomorphic/hooks/ReactComponentTreeHook.js
index 332c5cac8c..348a4c796b 100644
--- a/src/isomorphic/hooks/ReactComponentTreeHook.js
+++ b/src/isomorphic/hooks/ReactComponentTreeHook.js
@@ -21,24 +21,27 @@ var invariant = require('fbjs/lib/invariant');
 var warning = require('fbjs/lib/warning');
 var getComponentName = require('getComponentName');
 
-import type { ReactElement, Source } from 'ReactElementType';
-import type { DebugID } from 'ReactInstanceType';
-import type { Fiber } from 'ReactFiber';
+import type {ReactElement, Source} from 'ReactElementType';
+import type {DebugID} from 'ReactInstanceType';
+import type {Fiber} from 'ReactFiber';
 
 function isNative(fn) {
   // Based on isNative() from Lodash
   var funcToString = Function.prototype.toString;
   var hasOwnProperty = Object.prototype.hasOwnProperty;
-  var reIsNative = RegExp('^' + funcToString
-    // Take an example native function source for comparison
-    .call(hasOwnProperty)
-    // Strip regex characters so we can use it for regex
-    .replace(/[\\^$.*+?()[\]{}|]/g, '\\$&')
-    // Remove hasOwnProperty from the template to make it generic
-    .replace(
-      /hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,
-      '$1.*?'
-    ) + '$'
+  var reIsNative = RegExp(
+    '^' +
+      funcToString
+        // Take an example native function source for comparison
+        .call(hasOwnProperty)
+        // Strip regex characters so we can use it for regex
+        .replace(/[\\^$.*+?()[\]{}|]/g, '\\$&')
+        // Remove hasOwnProperty from the template to make it generic
+        .replace(
+          /hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,
+          '$1.*?',
+        ) +
+      '$',
   );
   try {
     var source = funcToString.call(fn);
@@ -48,7 +51,7 @@ function isNative(fn) {
   }
 }
 
-var canUseCollections = (
+var canUseCollections =
   // Array.from
   typeof Array.from === 'function' &&
   // Map
@@ -64,8 +67,7 @@ var canUseCollections = (
   // Set.prototype.keys
   Set.prototype != null &&
   typeof Set.prototype.keys === 'function' &&
-  isNative(Set.prototype.keys)
-);
+  isNative(Set.prototype.keys);
 
 var setItem;
 var getItem;
@@ -101,7 +103,6 @@ if (canUseCollections) {
   getRootIDs = function() {
     return Array.from(rootIDSet.keys());
   };
-
 } else {
   var itemByKey = {};
   var rootByKey = {};
@@ -179,10 +180,14 @@ function describeID(id: DebugID): string {
   warning(
     element,
     'ReactComponentTreeHook: Missing React element for debugID %s when ' +
-    'building stack',
-    id
+      'building stack',
+    id,
+  );
+  return describeComponentFrame(
+    name || '',
+    element && element._source,
+    ownerName || '',
   );
-  return describeComponentFrame(name || '', element && element._source, ownerName || '');
 }
 
 var ReactComponentTreeHook = {
@@ -197,19 +202,19 @@ var ReactComponentTreeHook = {
       invariant(
         nextChild,
         'Expected hook events to fire for the child ' +
-        'before its parent includes it in onSetChildren().'
+          'before its parent includes it in onSetChildren().',
       );
       invariant(
         nextChild.childIDs != null ||
-        typeof nextChild.element !== 'object' ||
-        nextChild.element == null,
+          typeof nextChild.element !== 'object' ||
+          nextChild.element == null,
         'Expected onSetChildren() to fire for a container child ' +
-        'before its parent includes it in onSetChildren().'
+          'before its parent includes it in onSetChildren().',
       );
       invariant(
         nextChild.isMounted,
         'Expected onMountComponent() to fire for the child ' +
-        'before its parent includes it in onSetChildren().'
+          'before its parent includes it in onSetChildren().',
       );
       if (nextChild.parentID == null) {
         nextChild.parentID = id;
@@ -220,15 +225,19 @@ var ReactComponentTreeHook = {
       invariant(
         nextChild.parentID === id,
         'Expected onBeforeMountComponent() parent and onSetChildren() to ' +
-        'be consistent (%s has parents %s and %s).',
+          'be consistent (%s has parents %s and %s).',
         nextChildID,
         nextChild.parentID,
-        id
+        id,
       );
     }
   },
 
-  onBeforeMountComponent(id: DebugID, element: ReactElement, parentID: DebugID): void {
+  onBeforeMountComponent(
+    id: DebugID,
+    element: ReactElement,
+    parentID: DebugID,
+  ): void {
     var item = {
       element,
       parentID,
@@ -313,19 +322,21 @@ var ReactComponentTreeHook = {
       info += describeComponentFrame(
         name,
         topElement._source,
-        owner && getComponentName(owner)
+        owner && getComponentName(owner),
       );
     }
 
     var currentOwner = ReactCurrentOwner.current;
     if (currentOwner) {
       if (typeof currentOwner.tag === 'number') {
-        const workInProgress = ((currentOwner : any) : Fiber);
+        const workInProgress = ((currentOwner: any): Fiber);
         // Safe because if current owner exists, we are reconciling,
         // and it is guaranteed to be the work-in-progress version.
         info += getStackAddendumByWorkInProgressFiber(workInProgress);
       } else if (typeof currentOwner._debugID === 'number') {
-        info += ReactComponentTreeHook.getStackAddendumByID(currentOwner._debugID);
+        info += ReactComponentTreeHook.getStackAddendumByID(
+          currentOwner._debugID,
+        );
       }
     }
     return info;
diff --git a/src/isomorphic/modern/class/ReactBaseClasses.js b/src/isomorphic/modern/class/ReactBaseClasses.js
index 3353461fe0..7397d8a49d 100644
--- a/src/isomorphic/modern/class/ReactBaseClasses.js
+++ b/src/isomorphic/modern/class/ReactBaseClasses.js
@@ -60,10 +60,10 @@ ReactComponent.prototype.isReactComponent = {};
 ReactComponent.prototype.setState = function(partialState, callback) {
   invariant(
     typeof partialState === 'object' ||
-    typeof partialState === 'function' ||
-    partialState == null,
+      typeof partialState === 'function' ||
+      partialState == null,
     'setState(...): takes an object of state variables to update or a ' +
-    'function which returns an object of state variables.'
+      'function which returns an object of state variables.',
   );
   this.updater.enqueueSetState(this, partialState, callback, 'setState');
 };
@@ -96,12 +96,12 @@ if (__DEV__) {
     isMounted: [
       'isMounted',
       'Instead, make sure to clean up subscriptions and pending requests in ' +
-      'componentWillUnmount to prevent memory leaks.',
+        'componentWillUnmount to prevent memory leaks.',
     ],
     replaceState: [
       'replaceState',
       'Refactor your code to use setState instead (see ' +
-      'https://github.com/facebook/react/issues/3236).',
+        'https://github.com/facebook/react/issues/3236).',
     ],
   };
   var defineDeprecationWarning = function(methodName, info) {
@@ -112,7 +112,7 @@ if (__DEV__) {
             false,
             '%s(...) is deprecated in plain JavaScript React classes. %s',
             info[0],
-            info[1]
+            info[1],
           );
           return undefined;
         },
diff --git a/src/isomorphic/modern/class/ReactNoopUpdateQueue.js b/src/isomorphic/modern/class/ReactNoopUpdateQueue.js
index 41e8ee95e3..a66f30a6de 100644
--- a/src/isomorphic/modern/class/ReactNoopUpdateQueue.js
+++ b/src/isomorphic/modern/class/ReactNoopUpdateQueue.js
@@ -19,11 +19,12 @@ function warnNoop(publicInstance, callerName) {
     warning(
       false,
       '%s(...): Can only update a mounted or mounting component. ' +
-      'This usually means you called %s() on an unmounted component. ' +
-      'This is a no-op.\n\nPlease check the code for the %s component.',
+        'This usually means you called %s() on an unmounted component. ' +
+        'This is a no-op.\n\nPlease check the code for the %s component.',
       callerName,
       callerName,
-      constructor && (constructor.displayName || constructor.name) || 'ReactClass'
+      (constructor && (constructor.displayName || constructor.name)) ||
+        'ReactClass',
     );
   }
 }
@@ -32,7 +33,6 @@ function warnNoop(publicInstance, callerName) {
  * This is the abstract API for an update queue.
  */
 var ReactNoopUpdateQueue = {
-
   /**
    * Checks whether or not this composite component is mounted.
    * @param {ReactClass} publicInstance The instance we want to test.
@@ -76,7 +76,12 @@ var ReactNoopUpdateQueue = {
    * @param {?string} Name of the calling function in the public API.
    * @internal
    */
-  enqueueReplaceState: function(publicInstance, completeState, callback, callerName) {
+  enqueueReplaceState: function(
+    publicInstance,
+    completeState,
+    callback,
+    callerName,
+  ) {
     warnNoop(publicInstance, 'replaceState');
   },
 
@@ -92,7 +97,12 @@ var ReactNoopUpdateQueue = {
    * @param {?string} Name of the calling function in the public API.
    * @internal
    */
-  enqueueSetState: function(publicInstance, partialState, callback, callerName) {
+  enqueueSetState: function(
+    publicInstance,
+    partialState,
+    callback,
+    callerName,
+  ) {
     warnNoop(publicInstance, 'setState');
   },
 };
diff --git a/src/isomorphic/modern/class/__tests__/ReactClassEquivalence-test.js b/src/isomorphic/modern/class/__tests__/ReactClassEquivalence-test.js
index cae0e340bf..ea85c61667 100644
--- a/src/isomorphic/modern/class/__tests__/ReactClassEquivalence-test.js
+++ b/src/isomorphic/modern/class/__tests__/ReactClassEquivalence-test.js
@@ -26,7 +26,6 @@ describe('ReactClassEquivalence', () => {
     var result2 = runJest('ReactES6Class-test.js');
     compareResults(result1, result2);
   });
-
 });
 
 function runJest(testFile) {
@@ -36,13 +35,13 @@ function runJest(testFile) {
   var setupFile = path.resolve(
     'scripts',
     'jest',
-    'setupSpecEquivalenceReporter.js'
+    'setupSpecEquivalenceReporter.js',
+  );
+  var result = spawnSync(
+    jestBin,
+    [testFile, '--setupTestFrameworkScriptFile', setupFile],
+    {cwd},
   );
-  var result = spawnSync(jestBin, [
-    testFile,
-    '--setupTestFrameworkScriptFile',
-    setupFile,
-  ], {cwd});
 
   if (result.error) {
     throw result.error;
@@ -51,12 +50,12 @@ function runJest(testFile) {
   if (result.status !== 0) {
     throw new Error(
       'jest process exited with: ' +
-      result.status +
-      '\n' +
-      'stdout: ' +
-      result.stdout.toString() +
-      'stderr: ' +
-      result.stderr.toString()
+        result.status +
+        '\n' +
+        'stdout: ' +
+        result.stdout.toString() +
+        'stderr: ' +
+        result.stderr.toString(),
     );
   }
 
diff --git a/src/isomorphic/modern/class/__tests__/ReactES6Class-test.js b/src/isomorphic/modern/class/__tests__/ReactES6Class-test.js
index e23f36f55b..a6ec313d5c 100644
--- a/src/isomorphic/modern/class/__tests__/ReactES6Class-test.js
+++ b/src/isomorphic/modern/class/__tests__/ReactES6Class-test.js
@@ -15,7 +15,6 @@ var React;
 var ReactDOM;
 
 describe('ReactES6Class', () => {
-
   var container;
   var freeze = function(expectation) {
     Object.freeze(expectation);
@@ -52,19 +51,19 @@ describe('ReactES6Class', () => {
   }
 
   it('preserves the name of the class for use in error messages', () => {
-    class Foo extends React.Component { }
+    class Foo extends React.Component {}
     expect(Foo.name).toBe('Foo');
   });
 
   it('throws if no render function is defined', () => {
     spyOn(console, 'error');
-    class Foo extends React.Component { }
+    class Foo extends React.Component {}
     expect(() => ReactDOM.render(<Foo />, container)).toThrow();
 
     expect(console.error.calls.count()).toBe(1);
     expect(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Foo(...): No `render` method found on the returned component ' +
-      'instance: you may have forgotten to define `render`.'
+        'instance: you may have forgotten to define `render`.',
     );
   });
 
@@ -174,7 +173,7 @@ describe('ReactES6Class', () => {
         }
       }
       expect(() => test(<Foo />, 'span', '')).toThrowError(
-        'Foo.state: must be set to an object or null'
+        'Foo.state: must be set to an object or null',
       );
     });
   });
@@ -203,10 +202,7 @@ describe('ReactES6Class', () => {
       }
       render() {
         return (
-          <Inner
-            name={this.state.bar}
-            onClick={this.handleClick.bind(this)}
-          />
+          <Inner name={this.state.bar} onClick={this.handleClick.bind(this)} />
         );
       }
     }
@@ -225,12 +221,7 @@ describe('ReactES6Class', () => {
         this.setState({bar: 'bar'});
       }
       render() {
-        return (
-          <Inner
-            name={this.state.bar}
-            onClick={this.handleClick}
-          />
-        );
+        return <Inner name={this.state.bar} onClick={this.handleClick} />;
       }
     }
     test(<Foo initialValue="foo" />, 'DIV', 'foo');
@@ -295,10 +286,7 @@ describe('ReactES6Class', () => {
       }
     }
     test(<Foo value="foo" />, 'SPAN', 'foo');
-    expect(lifeCycles).toEqual([
-      'will-mount',
-      'did-mount',
-    ]);
+    expect(lifeCycles).toEqual(['will-mount', 'did-mount']);
     lifeCycles = []; // reset
     test(<Foo value="bar" />, 'SPAN', 'bar');
     // prettier-ignore
@@ -310,9 +298,7 @@ describe('ReactES6Class', () => {
     ]);
     lifeCycles = []; // reset
     ReactDOM.unmountComponentAtNode(container);
-    expect(lifeCycles).toEqual([
-      'will-unmount',
-    ]);
+    expect(lifeCycles).toEqual(['will-unmount']);
   });
 
   it('warns when classic properties are defined on the instance, but does not invoke them.', () => {
@@ -342,16 +328,16 @@ describe('ReactES6Class', () => {
     expect(getDefaultPropsWasCalled).toBe(false);
     expect(console.error.calls.count()).toBe(4);
     expect(console.error.calls.argsFor(0)[0]).toContain(
-      'getInitialState was defined on Foo, a plain JavaScript class.'
+      'getInitialState was defined on Foo, a plain JavaScript class.',
     );
     expect(console.error.calls.argsFor(1)[0]).toContain(
-      'getDefaultProps was defined on Foo, a plain JavaScript class.'
+      'getDefaultProps was defined on Foo, a plain JavaScript class.',
     );
     expect(console.error.calls.argsFor(2)[0]).toContain(
-      'propTypes was defined as an instance property on Foo.'
+      'propTypes was defined as an instance property on Foo.',
     );
     expect(console.error.calls.argsFor(3)[0]).toContain(
-      'contextTypes was defined as an instance property on Foo.'
+      'contextTypes was defined as an instance property on Foo.',
     );
   });
 
@@ -386,9 +372,9 @@ describe('ReactES6Class', () => {
     expect(console.error.calls.count()).toBe(1);
     expect(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: ' +
-      'NamedComponent has a method called componentShouldUpdate(). Did you ' +
-      'mean shouldComponentUpdate()? The name is phrased as a question ' +
-      'because the function is expected to return a value.'
+        'NamedComponent has a method called componentShouldUpdate(). Did you ' +
+        'mean shouldComponentUpdate()? The name is phrased as a question ' +
+        'because the function is expected to return a value.',
     );
   });
 
@@ -408,8 +394,8 @@ describe('ReactES6Class', () => {
     expect(console.error.calls.count()).toBe(1);
     expect(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: ' +
-      'NamedComponent has a method called componentWillRecieveProps(). Did ' +
-      'you mean componentWillReceiveProps()?'
+        'NamedComponent has a method called componentWillRecieveProps(). Did ' +
+        'you mean componentWillReceiveProps()?',
     );
   });
 
@@ -420,10 +406,10 @@ describe('ReactES6Class', () => {
     expect(() => instance.isMounted()).toThrow();
     expect(console.error.calls.count()).toBe(2);
     expect(console.error.calls.argsFor(0)[0]).toContain(
-      'replaceState(...) is deprecated in plain JavaScript React classes'
+      'replaceState(...) is deprecated in plain JavaScript React classes',
     );
     expect(console.error.calls.argsFor(1)[0]).toContain(
-      'isMounted(...) is deprecated in plain JavaScript React classes'
+      'isMounted(...) is deprecated in plain JavaScript React classes',
     );
   });
 
@@ -461,5 +447,4 @@ describe('ReactES6Class', () => {
     var node = ReactDOM.findDOMNode(instance);
     expect(node).toBe(container.firstChild);
   });
-
 });
diff --git a/src/isomorphic/modern/class/__tests__/ReactPureComponent-test.js b/src/isomorphic/modern/class/__tests__/ReactPureComponent-test.js
index 9407d17a0c..e7c03af27b 100644
--- a/src/isomorphic/modern/class/__tests__/ReactPureComponent-test.js
+++ b/src/isomorphic/modern/class/__tests__/ReactPureComponent-test.js
@@ -93,5 +93,4 @@ describe('ReactPureComponent', () => {
     ReactDOM.render(<Component />, document.createElement('div'));
     expect(renders).toBe(1);
   });
-
 });
diff --git a/src/isomorphic/modern/element/__tests__/ReactJSXElement-test.js b/src/isomorphic/modern/element/__tests__/ReactJSXElement-test.js
index 481fa625ba..8508cdf5a4 100644
--- a/src/isomorphic/modern/element/__tests__/ReactJSXElement-test.js
+++ b/src/isomorphic/modern/element/__tests__/ReactJSXElement-test.js
@@ -80,7 +80,7 @@ describe('ReactJSXElement', () => {
     expect(element.type).toBe(Component);
     expect(element.key).toBe('12');
     expect(element.ref).toBe('34');
-    var expectation = {foo:'56'};
+    var expectation = {foo: '56'};
     Object.freeze(expectation);
     expect(element.props).toEqual(expectation);
   });
@@ -90,7 +90,7 @@ describe('ReactJSXElement', () => {
     expect(element.type).toBe(Component);
     expect(element.key).toBe('12');
     expect(element.ref).toBe(null);
-    var expectation = {foo:'56'};
+    var expectation = {foo: '56'};
     Object.freeze(expectation);
     expect(element.props).toEqual(expectation);
   });
@@ -124,7 +124,7 @@ describe('ReactJSXElement', () => {
     var element2 = React.cloneElement(
       <Component children="text" />,
       {},
-      undefined
+      undefined,
     );
     expect(element2.props.children).toBe(undefined);
   });
@@ -165,7 +165,7 @@ describe('ReactJSXElement', () => {
     expect(React.isValidElement({})).toEqual(false);
     expect(React.isValidElement('string')).toEqual(false);
     expect(React.isValidElement(Component)).toEqual(false);
-    expect(React.isValidElement({ type: 'div', props: {} })).toEqual(false);
+    expect(React.isValidElement({type: 'div', props: {}})).toEqual(false);
   });
 
   it('is indistinguishable from a plain object', () => {
@@ -178,10 +178,7 @@ describe('ReactJSXElement', () => {
     Component.defaultProps = {fruit: 'persimmon'};
 
     var container = document.createElement('div');
-    var instance = ReactDOM.render(
-      <Component fruit="mango" />,
-      container
-    );
+    var instance = ReactDOM.render(<Component fruit="mango" />, container);
     expect(instance.props.fruit).toBe('mango');
 
     ReactDOM.render(<Component />, container);
@@ -199,9 +196,9 @@ describe('ReactJSXElement', () => {
     var instance = ReactTestUtils.renderIntoDocument(<NormalizingComponent />);
     expect(instance.props.prop).toBe('testKey');
 
-    var inst2 =
-      ReactTestUtils.renderIntoDocument(<NormalizingComponent prop={null} />);
+    var inst2 = ReactTestUtils.renderIntoDocument(
+      <NormalizingComponent prop={null} />,
+    );
     expect(inst2.props.prop).toBe(null);
   });
-
 });
diff --git a/src/isomorphic/modern/element/__tests__/ReactJSXElementValidator-test.js b/src/isomorphic/modern/element/__tests__/ReactJSXElementValidator-test.js
index 4dcc8c25cb..5074097dfa 100644
--- a/src/isomorphic/modern/element/__tests__/ReactJSXElementValidator-test.js
+++ b/src/isomorphic/modern/element/__tests__/ReactJSXElementValidator-test.js
@@ -55,7 +55,7 @@ describe('ReactJSXElementValidator', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Each child in an array or iterator should have a unique "key" prop.'
+      'Each child in an array or iterator should have a unique "key" prop.',
     );
   });
 
@@ -70,11 +70,7 @@ describe('ReactJSXElementValidator', () => {
 
     class ComponentWrapper extends React.Component {
       render() {
-        return (
-          <InnerComponent
-            childSet={[<Component />, <Component />]}
-          />
-        );
+        return <InnerComponent childSet={[<Component />, <Component />]} />;
       }
     }
 
@@ -83,8 +79,8 @@ describe('ReactJSXElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Each child in an array or iterator should have a unique "key" prop.' +
-      '\n\nCheck the render method of `InnerComponent`. ' +
-      'It was passed a child from ComponentWrapper. '
+        '\n\nCheck the render method of `InnerComponent`. ' +
+        'It was passed a child from ComponentWrapper. ',
     );
   });
 
@@ -107,14 +103,16 @@ describe('ReactJSXElementValidator', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Each child in an array or iterator should have a unique "key" prop.'
+      'Each child in an array or iterator should have a unique "key" prop.',
     );
   });
 
   it('does not warns for arrays of elements with keys', () => {
     spyOn(console, 'error');
 
-    void <Component>{[<Component key="#1" />, <Component key="#2" />]}</Component>;
+    void (
+      <Component>{[<Component key="#1" />, <Component key="#2" />]}</Component>
+    );
 
     expectDev(console.error.calls.count()).toBe(0);
   });
@@ -200,10 +198,10 @@ describe('ReactJSXElementValidator', () => {
     ReactTestUtils.renderIntoDocument(<ParentComp />);
     expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Failed prop type: ' +
-      'Invalid prop `color` of type `number` supplied to `MyComp`, ' +
-      'expected `string`.\n' +
-      '    in MyComp (at **)\n' +
-      '    in ParentComp (at **)'
+        'Invalid prop `color` of type `number` supplied to `MyComp`, ' +
+        'expected `string`.\n' +
+        '    in MyComp (at **)\n' +
+        '    in ParentComp (at **)',
     );
   });
 
@@ -236,11 +234,11 @@ describe('ReactJSXElementValidator', () => {
     // If it doesn't, it means we're using information from the old element.
     expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Failed prop type: ' +
-      'Invalid prop `color` of type `number` supplied to `MyComp`, ' +
-      'expected `string`.\n' +
-      '    in MyComp (at **)\n' +
-      '    in MiddleComp (at **)\n' +
-      '    in ParentComp (at **)'
+        'Invalid prop `color` of type `number` supplied to `MyComp`, ' +
+        'expected `string`.\n' +
+        '    in MyComp (at **)\n' +
+        '    in MiddleComp (at **)\n' +
+        '    in ParentComp (at **)',
     );
   });
 
@@ -258,28 +256,28 @@ describe('ReactJSXElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(4);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: undefined. You likely forgot to export your ' +
-      'component from the file it\'s defined in.' +
-      '\n\nCheck your code at **.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: undefined. You likely forgot to export your ' +
+        "component from the file it's defined in." +
+        '\n\nCheck your code at **.',
     );
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: null.' +
-      '\n\nCheck your code at **.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: null.' +
+        '\n\nCheck your code at **.',
     );
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(2)[0])).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: boolean.' +
-      '\n\nCheck your code at **.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: boolean.' +
+        '\n\nCheck your code at **.',
     );
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(3)[0])).toBe(
       'Warning: React.createElement: type is invalid -- expected a string ' +
-      '(for built-in components) or a class/function (for composite ' +
-      'components) but got: number.' +
-      '\n\nCheck your code at **.'
+        '(for built-in components) or a class/function (for composite ' +
+        'components) but got: number.' +
+        '\n\nCheck your code at **.',
     );
     void <Div />;
     expectDev(console.error.calls.count()).toBe(4);
@@ -295,8 +293,8 @@ describe('ReactJSXElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Failed prop type: The prop `prop` is marked as required in ' +
-      '`RequiredPropComponent`, but its value is `null`.\n' +
-      '    in RequiredPropComponent (at **)'
+        '`RequiredPropComponent`, but its value is `null`.\n' +
+        '    in RequiredPropComponent (at **)',
     );
   });
 
@@ -308,8 +306,8 @@ describe('ReactJSXElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Failed prop type: The prop `prop` is marked as required in ' +
-      '`RequiredPropComponent`, but its value is `null`.\n' +
-      '    in RequiredPropComponent (at **)'
+        '`RequiredPropComponent`, but its value is `null`.\n' +
+        '    in RequiredPropComponent (at **)',
     );
   });
 
@@ -322,16 +320,16 @@ describe('ReactJSXElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(2);
     expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Failed prop type: ' +
-      'The prop `prop` is marked as required in `RequiredPropComponent`, but ' +
-      'its value is `undefined`.\n' +
-      '    in RequiredPropComponent (at **)'
+        'The prop `prop` is marked as required in `RequiredPropComponent`, but ' +
+        'its value is `undefined`.\n' +
+        '    in RequiredPropComponent (at **)',
     );
 
     expect(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
       'Warning: Failed prop type: ' +
-      'Invalid prop `prop` of type `number` supplied to ' +
-      '`RequiredPropComponent`, expected `string`.\n' +
-      '    in RequiredPropComponent (at **)'
+        'Invalid prop `prop` of type `number` supplied to ' +
+        '`RequiredPropComponent`, expected `string`.\n' +
+        '    in RequiredPropComponent (at **)',
     );
 
     ReactTestUtils.renderIntoDocument(<RequiredPropComponent prop="string" />);
@@ -358,7 +356,7 @@ describe('ReactJSXElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'NullPropTypeComponent: prop type `prop` is invalid; it must be a ' +
-      'function, usually from React.PropTypes.'
+        'function, usually from React.PropTypes.',
     );
   });
 
@@ -376,7 +374,7 @@ describe('ReactJSXElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'NullContextTypeComponent: context type `prop` is invalid; it must ' +
-      'be a function, usually from React.PropTypes.'
+        'be a function, usually from React.PropTypes.',
     );
   });
 
@@ -394,8 +392,7 @@ describe('ReactJSXElementValidator', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'getDefaultProps is only used on classic React.createClass definitions.' +
-      ' Use a static property named `defaultProps` instead.'
+        ' Use a static property named `defaultProps` instead.',
     );
   });
-
 });
diff --git a/src/renderers/__tests__/EventPluginHub-test.js b/src/renderers/__tests__/EventPluginHub-test.js
index 54cd8498f1..a94ae72bc3 100644
--- a/src/renderers/__tests__/EventPluginHub-test.js
+++ b/src/renderers/__tests__/EventPluginHub-test.js
@@ -25,22 +25,19 @@ describe('EventPluginHub', () => {
 
   it('should prevent non-function listeners, at dispatch', () => {
     var node = ReactTestUtils.renderIntoDocument(
-      <div onClick="not a function" />
+      <div onClick="not a function" />,
     );
     expect(function() {
       ReactTestUtils.SimulateNative.click(node);
     }).toThrowError(
-      'Expected onClick listener to be a function, instead got type string'
+      'Expected onClick listener to be a function, instead got type string',
     );
   });
 
   it('should not prevent null listeners, at dispatch', () => {
-    var node = ReactTestUtils.renderIntoDocument(
-      <div onClick={null} />
-    );
+    var node = ReactTestUtils.renderIntoDocument(<div onClick={null} />);
     expect(function() {
       ReactTestUtils.SimulateNative.click(node);
     }).not.toThrow();
   });
-
 });
diff --git a/src/renderers/__tests__/ReactChildReconciler-test.js b/src/renderers/__tests__/ReactChildReconciler-test.js
index 5ea955eaa5..f6761ef181 100644
--- a/src/renderers/__tests__/ReactChildReconciler-test.js
+++ b/src/renderers/__tests__/ReactChildReconciler-test.js
@@ -60,7 +60,7 @@ describe('ReactChildReconciler', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Child keys must be unique; when two children share a key, only the first child will be used.'
+      'Child keys must be unique; when two children share a key, only the first child will be used.',
     );
   });
 
@@ -88,14 +88,16 @@ describe('ReactChildReconciler', () => {
     ReactTestUtils.renderIntoDocument(<GrandParent />);
 
     expectDev(console.error.calls.count()).toBe(1);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toContain(
+    expectDev(
+      normalizeCodeLocInfo(console.error.calls.argsFor(0)[0]),
+    ).toContain(
       'Encountered two children with the same key, `1`. ' +
-      'Child keys must be unique; when two children share a key, ' +
-      'only the first child will be used.\n' +
-      '    in div (at **)\n' +
-      '    in Component (at **)\n' +
-      '    in Parent (at **)\n' +
-      '    in GrandParent (at **)'
+        'Child keys must be unique; when two children share a key, ' +
+        'only the first child will be used.\n' +
+        '    in div (at **)\n' +
+        '    in Component (at **)\n' +
+        '    in Parent (at **)\n' +
+        '    in GrandParent (at **)',
     );
   });
 
@@ -112,7 +114,7 @@ describe('ReactChildReconciler', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Child keys must be unique; when two children share a key, only the first child will be used.'
+      'Child keys must be unique; when two children share a key, only the first child will be used.',
     );
   });
 
@@ -140,14 +142,16 @@ describe('ReactChildReconciler', () => {
     ReactTestUtils.renderIntoDocument(<GrandParent />);
 
     expectDev(console.error.calls.count()).toBe(1);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toContain(
+    expectDev(
+      normalizeCodeLocInfo(console.error.calls.argsFor(0)[0]),
+    ).toContain(
       'Encountered two children with the same key, `1`. ' +
-      'Child keys must be unique; when two children share a key, ' +
-      'only the first child will be used.\n' +
-      '    in div (at **)\n' +
-      '    in Component (at **)\n' +
-      '    in Parent (at **)\n' +
-      '    in GrandParent (at **)'
+        'Child keys must be unique; when two children share a key, ' +
+        'only the first child will be used.\n' +
+        '    in div (at **)\n' +
+        '    in Component (at **)\n' +
+        '    in Parent (at **)\n' +
+        '    in GrandParent (at **)',
     );
   });
 });
diff --git a/src/renderers/__tests__/ReactComponent-test.js b/src/renderers/__tests__/ReactComponent-test.js
index 91598c4ab0..b909c8ab10 100644
--- a/src/renderers/__tests__/ReactComponent-test.js
+++ b/src/renderers/__tests__/ReactComponent-test.js
@@ -29,15 +29,11 @@ describe('ReactComponent', () => {
     // jQuery objects are basically arrays; people often pass them in by mistake
     expect(function() {
       ReactDOM.render(<div />, [container]);
-    }).toThrowError(
-      /Target container is not a DOM element./
-    );
+    }).toThrowError(/Target container is not a DOM element./);
 
     expect(function() {
       ReactDOM.render(<div />, null);
-    }).toThrowError(
-      /Target container is not a DOM element./
-    );
+    }).toThrowError(/Target container is not a DOM element./);
   });
 
   it('should throw when supplying a ref outside of render method', () => {
@@ -59,7 +55,7 @@ describe('ReactComponent', () => {
           <span key={0} />
           <span key={1} />
           <span key={2} />
-        </Wrapper>
+        </Wrapper>,
       );
     }).toThrowError(/Cannot assign to read only property.*/);
   });
@@ -84,7 +80,7 @@ describe('ReactComponent', () => {
           <span key={0} />
           <span key={1} />
           <span key={2} />
-        </Wrapper>
+        </Wrapper>,
       );
     }).toThrowError(/Cannot assign to read only property.*/);
   });
@@ -157,9 +153,9 @@ describe('ReactComponent', () => {
 
     class Component extends React.Component {
       render() {
-        var inner = <Wrapper object={innerObj} ref={(c) => this.innerRef = c} />;
+        var inner = <Wrapper object={innerObj} ref={c => this.innerRef = c} />;
         var outer = (
-          <Wrapper object={outerObj} ref={(c) => this.outerRef = c}>
+          <Wrapper object={outerObj} ref={c => this.outerRef = c}>
             {inner}
           </Wrapper>
         );
@@ -194,16 +190,16 @@ describe('ReactComponent', () => {
       getInner = () => {
         // (With old-style refs, it's impossible to get a ref to this div
         // because Wrapper is the current owner when this function is called.)
-        return <div className="inner" ref={(c) => this.innerRef = c} />;
+        return <div className="inner" ref={c => this.innerRef = c} />;
       };
 
       render() {
         return (
           <Wrapper
             title="wrapper"
-            ref={(c) => this.wrapperRef = c}
+            ref={c => this.wrapperRef = c}
             getContent={this.getInner}
-            />
+          />
         );
       }
 
@@ -245,12 +241,18 @@ describe('ReactComponent', () => {
       render() {
         return (
           <div>
-            <Inner id={1} ref={(c) => {
-              log.push(`ref 1 got ${c ? `instance ${c.props.id}` : 'null'}`);
-            }} />
-            <Inner id={2} ref={(c) => {
-              log.push(`ref 2 got ${c ? `instance ${c.props.id}` : 'null'}`);
-            }} />
+            <Inner
+              id={1}
+              ref={c => {
+                log.push(`ref 1 got ${c ? `instance ${c.props.id}` : 'null'}`);
+              }}
+            />
+            <Inner
+              id={2}
+              ref={c => {
+                log.push(`ref 2 got ${c ? `instance ${c.props.id}` : 'null'}`);
+              }}
+            />
           </div>
         );
       }
@@ -280,39 +282,41 @@ describe('ReactComponent', () => {
     /* eslint-disable indent */
     expect(log).toEqual([
       'start mount',
-        'inner 1 render',
-        'inner 2 render',
-        'inner 1 componentDidMount',
-        'ref 1 got instance 1',
-        'inner 2 componentDidMount',
-        'ref 2 got instance 2',
-        'outer componentDidMount',
+      'inner 1 render',
+      'inner 2 render',
+      'inner 1 componentDidMount',
+      'ref 1 got instance 1',
+      'inner 2 componentDidMount',
+      'ref 2 got instance 2',
+      'outer componentDidMount',
       'start update',
-        // Previous (equivalent) refs get cleared
-        ...(ReactDOMFeatureFlags.useFiber ? [
-          // Fiber renders first, resets refs later
-          'inner 1 render',
-          'inner 2 render',
-          'ref 1 got null',
-          'ref 2 got null',
-        ] : [
-          // Stack resets refs before rendering
-          'ref 1 got null',
-          'inner 1 render',
-          'ref 2 got null',
-          'inner 2 render',
-        ]),
-        'inner 1 componentDidUpdate',
-        'ref 1 got instance 1',
-        'inner 2 componentDidUpdate',
-        'ref 2 got instance 2',
-        'outer componentDidUpdate',
+      // Previous (equivalent) refs get cleared
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Fiber renders first, resets refs later
+            'inner 1 render',
+            'inner 2 render',
+            'ref 1 got null',
+            'ref 2 got null',
+          ]
+        : [
+            // Stack resets refs before rendering
+            'ref 1 got null',
+            'inner 1 render',
+            'ref 2 got null',
+            'inner 2 render',
+          ]),
+      'inner 1 componentDidUpdate',
+      'ref 1 got instance 1',
+      'inner 2 componentDidUpdate',
+      'ref 2 got instance 2',
+      'outer componentDidUpdate',
       'start unmount',
-        'outer componentWillUnmount',
-        'ref 1 got null',
-        'inner 1 componentWillUnmount',
-        'ref 2 got null',
-        'inner 2 componentWillUnmount',
+      'outer componentWillUnmount',
+      'ref 1 got null',
+      'inner 1 componentWillUnmount',
+      'ref 2 got null',
+      'inner 2 componentWillUnmount',
     ]);
     /* eslint-enable indent */
   });
@@ -334,15 +338,15 @@ describe('ReactComponent', () => {
     var X = undefined;
     expect(() => ReactTestUtils.renderIntoDocument(<X />)).toThrowError(
       'Element type is invalid: expected a string (for built-in components) ' +
-      'or a class/function (for composite components) but got: undefined. ' +
-      'You likely forgot to export your component from the file it\'s ' +
-      'defined in.'
+        'or a class/function (for composite components) but got: undefined. ' +
+        "You likely forgot to export your component from the file it's " +
+        'defined in.',
     );
 
     var Y = null;
     expect(() => ReactTestUtils.renderIntoDocument(<Y />)).toThrowError(
       'Element type is invalid: expected a string (for built-in components) ' +
-      'or a class/function (for composite components) but got: null.'
+        'or a class/function (for composite components) but got: null.',
     );
 
     // One warning for each element creation
@@ -368,13 +372,12 @@ describe('ReactComponent', () => {
 
     expect(() => ReactTestUtils.renderIntoDocument(<Foo />)).toThrowError(
       'Element type is invalid: expected a string (for built-in components) ' +
-      'or a class/function (for composite components) but got: undefined. ' +
-      'You likely forgot to export your component from the file it\'s ' +
-      'defined in.\n\nCheck the render method of `Bar`.'
+        'or a class/function (for composite components) but got: undefined. ' +
+        "You likely forgot to export your component from the file it's " +
+        'defined in.\n\nCheck the render method of `Bar`.',
     );
 
     // One warning for each element creation
     expectDev(console.error.calls.count()).toBe(1);
   });
-
 });
diff --git a/src/renderers/__tests__/ReactComponentLifeCycle-test.js b/src/renderers/__tests__/ReactComponentLifeCycle-test.js
index 9d0d317d22..8afe230ad2 100644
--- a/src/renderers/__tests__/ReactComponentLifeCycle-test.js
+++ b/src/renderers/__tests__/ReactComponentLifeCycle-test.js
@@ -19,7 +19,6 @@ var clone = function(o) {
   return JSON.parse(JSON.stringify(o));
 };
 
-
 var GET_INIT_STATE_RETURN_VAL = {
   hasWillMountCompleted: false,
   hasRenderCompleted: false,
@@ -70,16 +69,14 @@ type ComponentLifeCycle =
    * Mounted components have a DOM node representation and are capable of
    * receiving new props.
    */
-  'MOUNTED' |
-  /**
+  | 'MOUNTED'
+  | /**
    * Unmounted components are inactive and cannot receive new props.
    */
   'UNMOUNTED';
 
 function getLifeCycleState(instance): ComponentLifeCycle {
-  return instance.updater.isMounted(instance) ?
-    'MOUNTED' :
-    'UNMOUNTED';
+  return instance.updater.isMounted(instance) ? 'MOUNTED' : 'UNMOUNTED';
 }
 
 /**
@@ -104,9 +101,7 @@ describe('ReactComponentLifeCycle', () => {
       state = {};
 
       render() {
-        return (
-          <div />
-        );
+        return <div />;
       }
     }
 
@@ -152,11 +147,9 @@ describe('ReactComponentLifeCycle', () => {
 
       render() {
         return (
-          <div>{
-            this.state.showHasOnDOMReadyComponent ?
-            <Child /> :
-            <div />
-          }</div>
+          <div>
+            {this.state.showHasOnDOMReadyComponent ? <Child /> : <div />}
+          </div>
         );
       }
     }
@@ -178,9 +171,7 @@ describe('ReactComponentLifeCycle', () => {
       }
 
       render() {
-        return (
-          <div />
-        );
+        return <div />;
       }
     }
 
@@ -197,9 +188,7 @@ describe('ReactComponentLifeCycle', () => {
       }
 
       render() {
-        return (
-          <div />
-        );
+        return <div />;
       }
     }
 
@@ -221,9 +210,7 @@ describe('ReactComponentLifeCycle', () => {
       }
 
       render() {
-        return (
-          <div />
-        );
+        return <div />;
       }
     }
 
@@ -231,9 +218,9 @@ describe('ReactComponentLifeCycle', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: setState(...): Can only update a mounted or ' +
-      'mounting component. This usually means you called setState() on an ' +
-      'unmounted component. This is a no-op.\n\nPlease check the code for the ' +
-      'StatefulComponent component.'
+        'mounting component. This usually means you called setState() on an ' +
+        'unmounted component. This is a no-op.\n\nPlease check the code for the ' +
+        'StatefulComponent component.',
     );
   });
 
@@ -259,7 +246,7 @@ describe('ReactComponentLifeCycle', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Component is accessing isMounted inside its render()'
+      'Component is accessing isMounted inside its render()',
     );
   });
 
@@ -285,7 +272,7 @@ describe('ReactComponentLifeCycle', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Component is accessing isMounted inside its render()'
+      'Component is accessing isMounted inside its render()',
     );
   });
 
@@ -326,14 +313,13 @@ describe('ReactComponentLifeCycle', () => {
     ReactTestUtils.renderIntoDocument(<Component />);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Component is accessing findDOMNode inside its render()'
+      'Component is accessing findDOMNode inside its render()',
     );
   });
 
   it('should carry through each of the phases of setup', () => {
     spyOn(console, 'error');
 
-
     class LifeCycleComponent extends React.Component {
       constructor(props, context) {
         super(props, context);
@@ -345,22 +331,21 @@ describe('ReactComponentLifeCycle', () => {
           hasWillUnmountCompleted: false,
         };
         this._testJournal.returnedFromGetInitialState = clone(initState);
-        this._testJournal.lifeCycleAtStartOfGetInitialState =
-          getLifeCycleState(this);
+        this._testJournal.lifeCycleAtStartOfGetInitialState = getLifeCycleState(
+          this,
+        );
         this.state = initState;
       }
 
       componentWillMount() {
         this._testJournal.stateAtStartOfWillMount = clone(this.state);
-        this._testJournal.lifeCycleAtStartOfWillMount =
-          getLifeCycleState(this);
+        this._testJournal.lifeCycleAtStartOfWillMount = getLifeCycleState(this);
         this.state.hasWillMountCompleted = true;
       }
 
       componentDidMount() {
         this._testJournal.stateAtStartOfDidMount = clone(this.state);
-        this._testJournal.lifeCycleAtStartOfDidMount =
-          getLifeCycleState(this);
+        this._testJournal.lifeCycleAtStartOfDidMount = getLifeCycleState(this);
         this.setState({hasDidMountCompleted: true});
       }
 
@@ -384,8 +369,9 @@ describe('ReactComponentLifeCycle', () => {
 
       componentWillUnmount() {
         this._testJournal.stateAtStartOfWillUnmount = clone(this.state);
-        this._testJournal.lifeCycleAtStartOfWillUnmount =
-          getLifeCycleState(this);
+        this._testJournal.lifeCycleAtStartOfWillUnmount = getLifeCycleState(
+          this,
+        );
         this.state.hasWillUnmountCompleted = true;
       }
     }
@@ -398,31 +384,29 @@ describe('ReactComponentLifeCycle', () => {
 
     // getInitialState
     expect(instance._testJournal.returnedFromGetInitialState).toEqual(
-      GET_INIT_STATE_RETURN_VAL
+      GET_INIT_STATE_RETURN_VAL,
+    );
+    expect(instance._testJournal.lifeCycleAtStartOfGetInitialState).toBe(
+      'UNMOUNTED',
     );
-    expect(instance._testJournal.lifeCycleAtStartOfGetInitialState)
-      .toBe('UNMOUNTED');
 
     // componentWillMount
     expect(instance._testJournal.stateAtStartOfWillMount).toEqual(
-      instance._testJournal.returnedFromGetInitialState
+      instance._testJournal.returnedFromGetInitialState,
     );
-    expect(instance._testJournal.lifeCycleAtStartOfWillMount)
-      .toBe('UNMOUNTED');
+    expect(instance._testJournal.lifeCycleAtStartOfWillMount).toBe('UNMOUNTED');
 
     // componentDidMount
-    expect(instance._testJournal.stateAtStartOfDidMount)
-      .toEqual(DID_MOUNT_STATE);
-    expect(instance._testJournal.lifeCycleAtStartOfDidMount).toBe(
-      'MOUNTED'
+    expect(instance._testJournal.stateAtStartOfDidMount).toEqual(
+      DID_MOUNT_STATE,
     );
+    expect(instance._testJournal.lifeCycleAtStartOfDidMount).toBe('MOUNTED');
 
     // initial render
-    expect(instance._testJournal.stateInInitialRender)
-      .toEqual(INIT_RENDER_STATE);
-    expect(instance._testJournal.lifeCycleInInitialRender).toBe(
-      'UNMOUNTED'
+    expect(instance._testJournal.stateInInitialRender).toEqual(
+      INIT_RENDER_STATE,
     );
+    expect(instance._testJournal.lifeCycleInInitialRender).toBe('UNMOUNTED');
 
     expect(getLifeCycleState(instance)).toBe('MOUNTED');
 
@@ -430,22 +414,18 @@ describe('ReactComponentLifeCycle', () => {
     instance.forceUpdate();
 
     // render 2nd time
-    expect(instance._testJournal.stateInLaterRender)
-      .toEqual(NEXT_RENDER_STATE);
-    expect(instance._testJournal.lifeCycleInLaterRender).toBe(
-      'MOUNTED'
-    );
+    expect(instance._testJournal.stateInLaterRender).toEqual(NEXT_RENDER_STATE);
+    expect(instance._testJournal.lifeCycleInLaterRender).toBe('MOUNTED');
 
     expect(getLifeCycleState(instance)).toBe('MOUNTED');
 
     ReactDOM.unmountComponentAtNode(container);
 
-    expect(instance._testJournal.stateAtStartOfWillUnmount)
-      .toEqual(WILL_UNMOUNT_STATE);
-    // componentWillUnmount called right before unmount.
-    expect(instance._testJournal.lifeCycleAtStartOfWillUnmount).toBe(
-      'MOUNTED'
+    expect(instance._testJournal.stateAtStartOfWillUnmount).toEqual(
+      WILL_UNMOUNT_STATE,
     );
+    // componentWillUnmount called right before unmount.
+    expect(instance._testJournal.lifeCycleAtStartOfWillUnmount).toBe('MOUNTED');
 
     // But the current lifecycle of the component is unmounted.
     expect(getLifeCycleState(instance)).toBe('UNMOUNTED');
@@ -453,7 +433,7 @@ describe('ReactComponentLifeCycle', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'LifeCycleComponent is accessing isMounted inside its render() function'
+      'LifeCycleComponent is accessing isMounted inside its render() function',
     );
   });
 
@@ -482,9 +462,7 @@ describe('ReactComponentLifeCycle', () => {
     class Component extends React.Component {
       render() {
         return (
-          <Tooltip
-              ref="tooltip"
-              tooltip={<div>{this.props.tooltipText}</div>}>
+          <Tooltip ref="tooltip" tooltip={<div>{this.props.tooltipText}</div>}>
             {this.props.text}
           </Tooltip>
         );
@@ -492,17 +470,11 @@ describe('ReactComponentLifeCycle', () => {
     }
 
     var container = document.createElement('div');
-    ReactDOM.render(
-      <Component text="uno" tooltipText="one" />,
-      container
-    );
+    ReactDOM.render(<Component text="uno" tooltipText="one" />, container);
 
     // Since `instance` is a root component, we can set its props. This also
     // makes Tooltip rerender the tooltip component, which shouldn't throw.
-    ReactDOM.render(
-      <Component text="dos" tooltipText="two" />,
-      container
-    );
+    ReactDOM.render(<Component text="dos" tooltipText="two" />, container);
   });
 
   it('should allow state updates in componentDidMount', () => {
@@ -519,15 +491,16 @@ describe('ReactComponentLifeCycle', () => {
       }
 
       render() {
-        return (<div />);
+        return <div />;
       }
     }
 
-    var instance =
+    var instance = (
       <SetStateInComponentDidMount
         valueToUseInitially="hello"
         valueToUseInOnDOMReady="goodbye"
-      />;
+      />
+    );
     instance = ReactTestUtils.renderIntoDocument(instance);
     expect(instance.state.stateField).toBe('goodbye');
   });
@@ -566,7 +539,6 @@ describe('ReactComponentLifeCycle', () => {
       componentWillUnmount: logger('inner componentWillUnmount'),
     });
 
-
     var container = document.createElement('div');
     log = [];
     ReactDOM.render(<Outer x={17} />, container);
@@ -634,8 +606,8 @@ describe('ReactComponentLifeCycle', () => {
     };
 
     const div = document.createElement('div');
-    ReactDOM.render(<Parent ref={(c) => c && log.push('ref')} />, div);
-    ReactDOM.render(<Parent ref={(c) => c && log.push('ref')} />, div);
+    ReactDOM.render(<Parent ref={c => c && log.push('ref')} />, div);
+    ReactDOM.render(<Parent ref={c => c && log.push('ref')} />, div);
 
     expect(log).toEqual([
       'will mount',
diff --git a/src/renderers/__tests__/ReactComponentTreeHook-test.js b/src/renderers/__tests__/ReactComponentTreeHook-test.js
index da91ab2627..0decdcd72f 100644
--- a/src/renderers/__tests__/ReactComponentTreeHook-test.js
+++ b/src/renderers/__tests__/ReactComponentTreeHook-test.js
@@ -44,20 +44,12 @@ describe('ReactComponentTreeHook', () => {
       var Anon = React.createClass({displayName: null, render: () => null});
       var Orange = React.createClass({render: () => null});
 
-      expectDev(getAddendum()).toBe(
-        ''
-      );
-      expectDev(getAddendum(<div />)).toBe(
-        '\n    in div (at **)'
-      );
-      expectDev(getAddendum(<Anon />)).toBe(
-        '\n    in Unknown (at **)'
-      );
-      expectDev(getAddendum(<Orange />)).toBe(
-        '\n    in Orange (at **)'
-      );
+      expectDev(getAddendum()).toBe('');
+      expectDev(getAddendum(<div />)).toBe('\n    in div (at **)');
+      expectDev(getAddendum(<Anon />)).toBe('\n    in Unknown (at **)');
+      expectDev(getAddendum(<Orange />)).toBe('\n    in Orange (at **)');
       expectDev(getAddendum(React.createElement(Orange))).toBe(
-        '\n    in Orange'
+        '\n    in Orange',
       );
 
       var renders = 0;
@@ -78,23 +70,23 @@ describe('ReactComponentTreeHook', () => {
         render() {
           expectDev(getAddendum()).toBe(
             '\n    in S (at **)' +
-            '\n    in div (at **)' +
-            '\n    in R (created by Q)' +
-            '\n    in Q (at **)'
+              '\n    in div (at **)' +
+              '\n    in R (created by Q)' +
+              '\n    in Q (at **)',
           );
           expectDev(getAddendum(<span />)).toBe(
             '\n    in span (at **)' +
-            '\n    in S (at **)' +
-            '\n    in div (at **)' +
-            '\n    in R (created by Q)' +
-            '\n    in Q (at **)'
+              '\n    in S (at **)' +
+              '\n    in div (at **)' +
+              '\n    in R (created by Q)' +
+              '\n    in Q (at **)',
           );
           expectDev(getAddendum(React.createElement('span'))).toBe(
             '\n    in span (created by S)' +
-            '\n    in S (at **)' +
-            '\n    in div (at **)' +
-            '\n    in R (created by Q)' +
-            '\n    in Q (at **)'
+              '\n    in S (at **)' +
+              '\n    in div (at **)' +
+              '\n    in R (created by Q)' +
+              '\n    in Q (at **)',
           );
           renders++;
           return null;
@@ -104,9 +96,7 @@ describe('ReactComponentTreeHook', () => {
       expectDev(renders).toBe(2);
 
       // Make sure owner is fetched for the top element too.
-      expectDev(getAddendum(rOwnedByQ)).toBe(
-        '\n    in R (created by Q)'
-      );
+      expectDev(getAddendum(rOwnedByQ)).toBe('\n    in R (created by Q)');
     });
 
     // These are features and regression tests that only affect
@@ -126,7 +116,7 @@ describe('ReactComponentTreeHook', () => {
 
         var q = ReactDOM.render(<Q />, document.createElement('div'));
         expectDev(getAddendum(ReactInstanceMap.get(q)._debugID)).toBe(
-          '\n    in Q (at **)'
+          '\n    in Q (at **)',
         );
 
         spyOn(console, 'error');
@@ -134,7 +124,7 @@ describe('ReactComponentTreeHook', () => {
         expectDev(console.error.calls.count()).toBe(1);
         expectDev(console.error.calls.argsFor(0)[0]).toBe(
           'Warning: ReactComponentTreeHook: Missing React element for ' +
-          'debugID -17 when building stack'
+            'debugID -17 when building stack',
         );
       });
 
@@ -278,16 +268,20 @@ describe('ReactComponentTreeHook', () => {
       var element = <div><Foo /><Baz /><Qux /></div>;
       var tree = {
         displayName: 'div',
-        children: [{
-          displayName: 'Bar',
-          children: [],
-        }, {
-          displayName: 'Baz',
-          children: [],
-        }, {
-          displayName: 'Unknown',
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Bar',
+            children: [],
+          },
+          {
+            displayName: 'Baz',
+            children: [],
+          },
+          {
+            displayName: 'Unknown',
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -315,17 +309,21 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'div',
         element,
-        children: [{
-          displayName: 'Bar',
-          children: [],
-        }, {
-          displayName: 'Baz',
-          children: [],
-        }, {
-          // Note: Ideally fallback name should be consistent (e.g. "Unknown")
-          displayName: 'ReactComponent',
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Bar',
+            children: [],
+          },
+          {
+            displayName: 'Baz',
+            children: [],
+          },
+          {
+            // Note: Ideally fallback name should be consistent (e.g. "Unknown")
+            displayName: 'ReactComponent',
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -359,16 +357,20 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'div',
         element,
-        children: [{
-          displayName: 'Bar',
-          children: [],
-        }, {
-          displayName: 'Baz',
-          children: [],
-        }, {
-          displayName: 'Unknown',
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Bar',
+            children: [],
+          },
+          {
+            displayName: 'Baz',
+            children: [],
+          },
+          {
+            displayName: 'Unknown',
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -390,16 +392,20 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'div',
         element,
-        children: [{
-          displayName: 'Bar',
-          children: [],
-        }, {
-          displayName: 'Baz',
-          children: [],
-        }, {
-          displayName: 'Unknown',
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Bar',
+            children: [],
+          },
+          {
+            displayName: 'Baz',
+            children: [],
+          },
+          {
+            displayName: 'Unknown',
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -418,23 +424,31 @@ describe('ReactComponentTreeHook', () => {
       );
       var tree = {
         displayName: 'div',
-        children: [{
-          displayName: 'p',
-          children: [{
-            displayName: 'span',
-            children: [{
-              displayName: '#text',
-              text: 'Hi!',
-            }],
-          }, {
-            displayName: '#text',
-            text: 'Wow.',
-          }],
-        }, {
-          displayName: 'hr',
-          element: <hr />,
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'p',
+            children: [
+              {
+                displayName: 'span',
+                children: [
+                  {
+                    displayName: '#text',
+                    text: 'Hi!',
+                  },
+                ],
+              },
+              {
+                displayName: '#text',
+                text: 'Wow.',
+              },
+            ],
+          },
+          {
+            displayName: 'hr',
+            element: <hr />,
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -450,11 +464,13 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'Foo',
         element,
-        children: [{
-          displayName: 'div',
-          element: <div />,
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'div',
+            element: <div />,
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -495,42 +511,59 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'Baz',
         element,
-        children: [{
-          displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            element: <Foo />,
-            children: [{
-              displayName: 'Qux',
-              element: <Qux />,
-              children: [],
-            }],
-          }, {
-            displayName: 'Bar',
-            children: [{
-              displayName: 'h1',
-              children: [{
-                displayName: 'span',
-                children: [{
-                  displayName: '#text',
-                  element: 'Hi,',
-                  text: 'Hi,',
-                }],
-              }, {
-                displayName: '#text',
-                text: 'Mom',
-                element: 'Mom',
-              }],
-            }],
-          }, {
-            displayName: 'a',
-            children: [{
-              displayName: '#text',
-              text: 'Click me.',
-              element: 'Click me.',
-            }],
-          }],
-        }],
+        children: [
+          {
+            displayName: 'div',
+            children: [
+              {
+                displayName: 'Foo',
+                element: <Foo />,
+                children: [
+                  {
+                    displayName: 'Qux',
+                    element: <Qux />,
+                    children: [],
+                  },
+                ],
+              },
+              {
+                displayName: 'Bar',
+                children: [
+                  {
+                    displayName: 'h1',
+                    children: [
+                      {
+                        displayName: 'span',
+                        children: [
+                          {
+                            displayName: '#text',
+                            element: 'Hi,',
+                            text: 'Hi,',
+                          },
+                        ],
+                      },
+                      {
+                        displayName: '#text',
+                        text: 'Mom',
+                        element: 'Mom',
+                      },
+                    ],
+                  },
+                ],
+              },
+              {
+                displayName: 'a',
+                children: [
+                  {
+                    displayName: '#text',
+                    text: 'Click me.',
+                    element: 'Click me.',
+                  },
+                ],
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -568,13 +601,16 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'div',
         element,
-        children: [{
-          displayName: '#text',
-          text: '1',
-        }, {
-          displayName: '#text',
-          text: '2',
-        }],
+        children: [
+          {
+            displayName: '#text',
+            text: '1',
+          },
+          {
+            displayName: '#text',
+            text: '2',
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -584,10 +620,12 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'div',
         element,
-        children: [{
-          displayName: '#text',
-          text: '1',
-        }],
+        children: [
+          {
+            displayName: '#text',
+            text: '1',
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -597,10 +635,12 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'div',
         element,
-        children: [{
-          displayName: '#text',
-          text: '42',
-        }],
+        children: [
+          {
+            displayName: '#text',
+            text: '42',
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -610,10 +650,12 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'div',
         element,
-        children: [{
-          displayName: '#text',
-          text: '0',
-        }],
+        children: [
+          {
+            displayName: '#text',
+            text: '0',
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -634,23 +676,29 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'div',
         element,
-        children: [{
-          displayName: '#text',
-          text: 'hi',
-          element: 'hi',
-        }, {
-          displayName: '#text',
-          text: '42',
-          element: 42,
-        }, {
-          displayName: 'Foo',
-          element: <Foo />,
-          children: [{
-            displayName: 'div',
-            element: <div />,
-            children: [],
-          }],
-        }],
+        children: [
+          {
+            displayName: '#text',
+            text: 'hi',
+            element: 'hi',
+          },
+          {
+            displayName: '#text',
+            text: '42',
+            element: 42,
+          },
+          {
+            displayName: 'Foo',
+            element: <Foo />,
+            children: [
+              {
+                displayName: 'div',
+                element: <div />,
+                children: [],
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -671,19 +719,23 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div>Hi.</div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+          ],
         };
 
         var elementAfter = <div>Bye.</div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Bye.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -702,10 +754,12 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <div>Hi.</div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -718,10 +772,12 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div>Hi.</div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+          ],
         };
 
         var elementAfter = <div />;
@@ -746,10 +802,12 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <div>Hi.</div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -762,10 +820,12 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div>Hi.</div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+          ],
         };
 
         var elementAfter = <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />;
@@ -790,13 +850,16 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <div>{'Hi.'}{'Bye.'}</div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }, {
-            displayName: '#text',
-            text: 'Bye.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -809,13 +872,16 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div>{'Hi.'}{'Bye.'}</div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }, {
-            displayName: '#text',
-            text: 'Bye.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+          ],
         };
 
         var elementAfter = <div />;
@@ -840,13 +906,16 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <div>{'Hi.'}{'Bye.'}</div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }, {
-            displayName: '#text',
-            text: 'Bye.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -859,13 +928,16 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div>{'Hi.'}{'Bye.'}</div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }, {
-            displayName: '#text',
-            text: 'Bye.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+          ],
         };
 
         var elementAfter = <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />;
@@ -922,22 +994,27 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div>Hi.</div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+          ],
         };
 
         var elementAfter = <div>{'Hi.'}{'Bye.'}</div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }, {
-            displayName: '#text',
-            text: 'Bye.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -950,22 +1027,27 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div>{'Hi.'}{'Bye.'}</div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }, {
-            displayName: '#text',
-            text: 'Bye.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+          ],
         };
 
         var elementAfter = <div>Hi.</div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+          ],
         };
         assertTreeMatches([
           [elementBefore, treeBefore],
@@ -977,25 +1059,31 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div>{'Hi.'}{'Bye.'}</div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Hi.',
-          }, {
-            displayName: '#text',
-            text: 'Bye.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+          ],
         };
 
         var elementAfter = <div>{'Bye.'}{'Hi.'}</div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'Bye.',
-          }, {
-            displayName: '#text',
-            text: 'Hi.',
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'Bye.',
+            },
+            {
+              displayName: '#text',
+              text: 'Hi.',
+            },
+          ],
         };
         assertTreeMatches([
           [elementBefore, treeBefore],
@@ -1012,19 +1100,26 @@ describe('ReactComponentTreeHook', () => {
         );
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: 'div',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }, {
-            displayName: 'div',
-            children: [{
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+            {
+              displayName: 'div',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = (
@@ -1035,19 +1130,26 @@ describe('ReactComponentTreeHook', () => {
         );
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: 'div',
-            children: [{
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }, {
-            displayName: 'div',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+            {
+              displayName: 'div',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1065,19 +1167,26 @@ describe('ReactComponentTreeHook', () => {
         );
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: 'div',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }, {
-            displayName: 'div',
-            children: [{
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+            {
+              displayName: 'div',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = (
@@ -1088,19 +1197,26 @@ describe('ReactComponentTreeHook', () => {
         );
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: 'div',
-            children: [{
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }, {
-            displayName: 'div',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+            {
+              displayName: 'div',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1121,19 +1237,23 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div><Foo /></div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <div><Bar /></div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1143,32 +1263,40 @@ describe('ReactComponentTreeHook', () => {
       });
 
       it('updates a single composite child of the same type', () => {
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <div><Foo><div /></Foo></div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            children: [{
-              displayName: 'div',
-              children: [],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'div',
+                  children: [],
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = <div><Foo><span /></Foo></div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            children: [{
-              displayName: 'span',
-              children: [],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'span',
+                  children: [],
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1191,10 +1319,12 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <div><Foo /></div>;
         var treeAfter = {
           displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1211,10 +1341,12 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <div><Foo /></div>;
         var treeBefore = {
           displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <div />;
@@ -1244,19 +1376,25 @@ describe('ReactComponentTreeHook', () => {
         );
         var tree1 = {
           displayName: 'div',
-          children: [{
-            displayName: '#text',
-            text: 'hi',
-          }, {
-            displayName: '#text',
-            text: '42',
-          }, {
-            displayName: 'Foo',
-            children: [{
-              displayName: 'div',
-              children: [],
-            }],
-          }],
+          children: [
+            {
+              displayName: '#text',
+              text: 'hi',
+            },
+            {
+              displayName: '#text',
+              text: '42',
+            },
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'div',
+                  children: [],
+                },
+              ],
+            },
+          ],
         };
 
         var element2 = (
@@ -1269,16 +1407,21 @@ describe('ReactComponentTreeHook', () => {
         );
         var tree2 = {
           displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            children: [{
-              displayName: 'div',
-              children: [],
-            }],
-          }, {
-            displayName: '#text',
-            text: 'hi',
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'div',
+                  children: [],
+                },
+              ],
+            },
+            {
+              displayName: '#text',
+              text: 'hi',
+            },
+          ],
         };
 
         var element3 = (
@@ -1288,13 +1431,17 @@ describe('ReactComponentTreeHook', () => {
         );
         var tree3 = {
           displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            children: [{
-              displayName: 'div',
-              children: [],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'div',
+                  children: [],
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1307,26 +1454,30 @@ describe('ReactComponentTreeHook', () => {
 
     describe('functional component', () => {
       it('updates with a host child', () => {
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><div /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><span /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'span',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'span',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1336,7 +1487,7 @@ describe('ReactComponentTreeHook', () => {
       });
 
       it('updates from null to a host child', () => {
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
@@ -1349,10 +1500,12 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <Foo><div /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1362,17 +1515,19 @@ describe('ReactComponentTreeHook', () => {
       });
 
       it('updates from a host child to null', () => {
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><div /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo>{null}</Foo>;
@@ -1392,26 +1547,30 @@ describe('ReactComponentTreeHook', () => {
           return null;
         }
 
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><div /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><Bar /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1425,26 +1584,30 @@ describe('ReactComponentTreeHook', () => {
           return null;
         }
 
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><Bar /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><div /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1458,7 +1621,7 @@ describe('ReactComponentTreeHook', () => {
           return null;
         }
 
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
@@ -1471,10 +1634,12 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <Foo><Bar /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1488,17 +1653,19 @@ describe('ReactComponentTreeHook', () => {
           return null;
         }
 
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><Bar /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo>{null}</Foo>;
@@ -1525,19 +1692,23 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><div /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><span /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'span',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'span',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1562,10 +1733,12 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <Foo><div /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1584,10 +1757,12 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><div /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo>{null}</Foo>;
@@ -1618,19 +1793,23 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><div /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><Bar /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1655,19 +1834,23 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><Bar /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><div /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'div',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'div',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1698,10 +1881,12 @@ describe('ReactComponentTreeHook', () => {
         var elementAfter = <Foo><Bar /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1726,10 +1911,12 @@ describe('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><Bar /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo>{null}</Foo>;
@@ -1762,28 +1949,39 @@ describe('ReactComponentTreeHook', () => {
       var element = <article><Foo /></article>;
       var tree = {
         displayName: 'article',
-        children: [{
-          displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            ownerDisplayName: 'Foo',
-            children: [{
-              displayName: 'div',
-              ownerDisplayName: 'Bar',
-              children: [{
-                displayName: 'h1',
+        children: [
+          {
+            displayName: 'Foo',
+            children: [
+              {
+                displayName: 'Bar',
                 ownerDisplayName: 'Foo',
-                children: [{
-                  displayName: '#text',
-                  text: 'Hi.',
-                }],
-              }, {
-                displayName: '#text',
-                text: ' Mom',
-              }],
-            }],
-          }],
-        }],
+                children: [
+                  {
+                    displayName: 'div',
+                    ownerDisplayName: 'Bar',
+                    children: [
+                      {
+                        displayName: 'h1',
+                        ownerDisplayName: 'Foo',
+                        children: [
+                          {
+                            displayName: '#text',
+                            text: 'Hi.',
+                          },
+                        ],
+                      },
+                      {
+                        displayName: '#text',
+                        text: ' Mom',
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -1809,28 +2007,40 @@ describe('ReactComponentTreeHook', () => {
       }
 
       ReactDOM.render(<Foo />, node);
-      ReactComponentTreeTestUtils.expectTree(barInstance._debugID, {
-        displayName: 'Bar',
-        parentDisplayName: 'Foo',
-        parentID: fooInstance._debugID,
-        children: [],
-      }, 'Foo');
+      ReactComponentTreeTestUtils.expectTree(
+        barInstance._debugID,
+        {
+          displayName: 'Bar',
+          parentDisplayName: 'Foo',
+          parentID: fooInstance._debugID,
+          children: [],
+        },
+        'Foo',
+      );
 
       renderBar = false;
       ReactDOM.render(<Foo />, node);
       ReactDOM.render(<Foo />, node);
-      ReactComponentTreeTestUtils.expectTree(barInstance._debugID, {
-        displayName: 'Unknown',
-        children: [],
-        parentID: null,
-      }, 'Foo');
+      ReactComponentTreeTestUtils.expectTree(
+        barInstance._debugID,
+        {
+          displayName: 'Unknown',
+          children: [],
+          parentID: null,
+        },
+        'Foo',
+      );
 
       ReactDOM.unmountComponentAtNode(node);
-      ReactComponentTreeTestUtils.expectTree(barInstance._debugID, {
-        displayName: 'Unknown',
-        children: [],
-        parentID: null,
-      }, 'Foo');
+      ReactComponentTreeTestUtils.expectTree(
+        barInstance._debugID,
+        {
+          displayName: 'Unknown',
+          children: [],
+          parentID: null,
+        },
+        'Foo',
+      );
     });
 
     it('reports update counts', () => {
@@ -1862,24 +2072,34 @@ describe('ReactComponentTreeHook', () => {
       var node = document.createElement('div');
 
       ReactDOM.render(<div className="a" />, node);
-      expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual(['div']);
+      expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual([
+        'div',
+      ]);
 
       ReactDOM.render(<div className="b" />, node);
-      expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual(['div']);
+      expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual([
+        'div',
+      ]);
 
       ReactDOM.unmountComponentAtNode(node);
       expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual([]);
-      expectDev(ReactComponentTreeTestUtils.getRegisteredDisplayNames()).toEqual([]);
+      expectDev(
+        ReactComponentTreeTestUtils.getRegisteredDisplayNames(),
+      ).toEqual([]);
     });
 
     it('registers inlined text nodes', () => {
       var node = document.createElement('div');
 
       ReactDOM.render(<div>hi</div>, node);
-      expectDev(ReactComponentTreeTestUtils.getRegisteredDisplayNames()).toEqual(['div', '#text']);
+      expectDev(
+        ReactComponentTreeTestUtils.getRegisteredDisplayNames(),
+      ).toEqual(['div', '#text']);
 
       ReactDOM.unmountComponentAtNode(node);
-      expectDev(ReactComponentTreeTestUtils.getRegisteredDisplayNames()).toEqual([]);
+      expectDev(
+        ReactComponentTreeTestUtils.getRegisteredDisplayNames(),
+      ).toEqual([]);
     });
   });
 
@@ -1949,42 +2169,59 @@ describe('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'Baz',
         element,
-        children: [{
-          displayName: 'div',
-          children: [{
-            displayName: 'Foo',
-            element: <Foo />,
-            children: [{
-              displayName: 'Qux',
-              element: <Qux />,
-              children: [],
-            }],
-          }, {
-            displayName: 'Bar',
-            children: [{
-              displayName: 'h1',
-              children: [{
-                displayName: 'span',
-                children: [{
-                  displayName: '#text',
-                  element: 'Hi,',
-                  text: 'Hi,',
-                }],
-              }, {
-                displayName: '#text',
-                text: 'Mom',
-                element: 'Mom',
-              }],
-            }],
-          }, {
-            displayName: 'a',
-            children: [{
-              displayName: '#text',
-              text: 'Click me.',
-              element: 'Click me.',
-            }],
-          }],
-        }],
+        children: [
+          {
+            displayName: 'div',
+            children: [
+              {
+                displayName: 'Foo',
+                element: <Foo />,
+                children: [
+                  {
+                    displayName: 'Qux',
+                    element: <Qux />,
+                    children: [],
+                  },
+                ],
+              },
+              {
+                displayName: 'Bar',
+                children: [
+                  {
+                    displayName: 'h1',
+                    children: [
+                      {
+                        displayName: 'span',
+                        children: [
+                          {
+                            displayName: '#text',
+                            element: 'Hi,',
+                            text: 'Hi,',
+                          },
+                        ],
+                      },
+                      {
+                        displayName: '#text',
+                        text: 'Mom',
+                        element: 'Mom',
+                      },
+                    ],
+                  },
+                ],
+              },
+              {
+                displayName: 'a',
+                children: [
+                  {
+                    displayName: '#text',
+                    text: 'Click me.',
+                    element: 'Click me.',
+                  },
+                ],
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
diff --git a/src/renderers/__tests__/ReactComponentTreeHook-test.native.js b/src/renderers/__tests__/ReactComponentTreeHook-test.native.js
index 17a8fa4986..2de9bff4ef 100644
--- a/src/renderers/__tests__/ReactComponentTreeHook-test.native.js
+++ b/src/renderers/__tests__/ReactComponentTreeHook-test.native.js
@@ -157,16 +157,20 @@ describeStack('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'View',
         element,
-        children: [{
-          displayName: 'Bar',
-          children: [],
-        }, {
-          displayName: 'Baz',
-          children: [],
-        }, {
-          displayName: 'Unknown',
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Bar',
+            children: [],
+          },
+          {
+            displayName: 'Baz',
+            children: [],
+          },
+          {
+            displayName: 'Unknown',
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -193,17 +197,21 @@ describeStack('ReactComponentTreeHook', () => {
       var element = <View><Foo /><Baz /><Qux /></View>;
       var tree = {
         displayName: 'View',
-        children: [{
-          displayName: 'Bar',
-          children: [],
-        }, {
-          displayName: 'Baz',
-          children: [],
-        }, {
-          // Note: Ideally fallback name should be consistent (e.g. "Unknown")
-          displayName: 'ReactComponent',
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Bar',
+            children: [],
+          },
+          {
+            displayName: 'Baz',
+            children: [],
+          },
+          {
+            // Note: Ideally fallback name should be consistent (e.g. "Unknown")
+            displayName: 'ReactComponent',
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -236,16 +244,20 @@ describeStack('ReactComponentTreeHook', () => {
       var element = <View><Foo /><Baz /><Qux /></View>;
       var tree = {
         displayName: 'View',
-        children: [{
-          displayName: 'Bar',
-          children: [],
-        }, {
-          displayName: 'Baz',
-          children: [],
-        }, {
-          displayName: 'Unknown',
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Bar',
+            children: [],
+          },
+          {
+            displayName: 'Baz',
+            children: [],
+          },
+          {
+            displayName: 'Unknown',
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -266,16 +278,20 @@ describeStack('ReactComponentTreeHook', () => {
       var element = <View><Foo /><Baz /><Qux /></View>;
       var tree = {
         displayName: 'View',
-        children: [{
-          displayName: 'Bar',
-          children: [],
-        }, {
-          displayName: 'Baz',
-          children: [],
-        }, {
-          displayName: 'Unknown',
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Bar',
+            children: [],
+          },
+          {
+            displayName: 'Baz',
+            children: [],
+          },
+          {
+            displayName: 'Unknown',
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -294,24 +310,33 @@ describeStack('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'View',
         element,
-        children: [{
-          displayName: 'View',
-          children: [{
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                element: 'Hi!',
-                text: 'Hi!',
-              }],
-            }],
-          }],
-        }, {
-          displayName: 'Image',
-          element: <Image />,
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'View',
+            children: [
+              {
+                displayName: 'Text',
+                children: [
+                  {
+                    displayName: 'RCText',
+                    children: [
+                      {
+                        displayName: '#text',
+                        element: 'Hi!',
+                        text: 'Hi!',
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            displayName: 'Image',
+            element: <Image />,
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -327,11 +352,13 @@ describeStack('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'Foo',
         element,
-        children: [{
-          displayName: 'Image',
-          element: <Image />,
-          children: [],
-        }],
+        children: [
+          {
+            displayName: 'Image',
+            element: <Image />,
+            children: [],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -371,38 +398,54 @@ describeStack('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'Baz',
         element,
-        children: [{
-          displayName: 'View',
-          children: [{
-            displayName: 'Foo',
-            element: <Foo />,
-            children: [{
-              displayName: 'Qux',
-              element: <Qux />,
-              children: [],
-            }],
-          }, {
-            displayName: 'Bar',
-            children: [{
-              displayName: 'View',
-              children: [{
-                displayName: 'Text',
-                children: [{
-                  displayName: 'RCText',
-                  children: [{
-                    displayName: '#text',
-                    element: 'Hi,',
-                    text: 'Hi,',
-                  }],
-                }],
-              }],
-            }],
-          }, {
-            displayName: 'Image',
-            element: <Image />,
-            children: [],
-          }],
-        }],
+        children: [
+          {
+            displayName: 'View',
+            children: [
+              {
+                displayName: 'Foo',
+                element: <Foo />,
+                children: [
+                  {
+                    displayName: 'Qux',
+                    element: <Qux />,
+                    children: [],
+                  },
+                ],
+              },
+              {
+                displayName: 'Bar',
+                children: [
+                  {
+                    displayName: 'View',
+                    children: [
+                      {
+                        displayName: 'Text',
+                        children: [
+                          {
+                            displayName: 'RCText',
+                            children: [
+                              {
+                                displayName: '#text',
+                                element: 'Hi,',
+                                text: 'Hi,',
+                              },
+                            ],
+                          },
+                        ],
+                      },
+                    ],
+                  },
+                ],
+              },
+              {
+                displayName: 'Image',
+                element: <Image />,
+                children: [],
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -439,16 +482,21 @@ describeStack('ReactComponentTreeHook', () => {
       var element = <Text>{'1'}{2}</Text>;
       var tree = {
         displayName: 'Text',
-        children: [{
-          displayName: 'RCText',
-          children: [{
-            displayName: '#text',
-            text: '1',
-          }, {
-            displayName: '#text',
-            text: '2',
-          }],
-        }],
+        children: [
+          {
+            displayName: 'RCText',
+            children: [
+              {
+                displayName: '#text',
+                text: '1',
+              },
+              {
+                displayName: '#text',
+                text: '2',
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -457,13 +505,17 @@ describeStack('ReactComponentTreeHook', () => {
       var element = <Text>{'1'}</Text>;
       var tree = {
         displayName: 'Text',
-        children: [{
-          displayName: 'RCText',
-          children: [{
-            displayName: '#text',
-            text: '1',
-          }],
-        }],
+        children: [
+          {
+            displayName: 'RCText',
+            children: [
+              {
+                displayName: '#text',
+                text: '1',
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -472,13 +524,17 @@ describeStack('ReactComponentTreeHook', () => {
       var element = <Text>{42}</Text>;
       var tree = {
         displayName: 'Text',
-        children: [{
-          displayName: 'RCText',
-          children: [{
-            displayName: '#text',
-            text: '42',
-          }],
-        }],
+        children: [
+          {
+            displayName: 'RCText',
+            children: [
+              {
+                displayName: '#text',
+                text: '42',
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -487,13 +543,17 @@ describeStack('ReactComponentTreeHook', () => {
       var element = <Text>{0}</Text>;
       var tree = {
         displayName: 'Text',
-        children: [{
-          displayName: 'RCText',
-          children: [{
-            displayName: '#text',
-            text: '0',
-          }],
-        }],
+        children: [
+          {
+            displayName: 'RCText',
+            children: [
+              {
+                displayName: '#text',
+                text: '0',
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -513,23 +573,30 @@ describeStack('ReactComponentTreeHook', () => {
       var tree = {
         displayName: 'View',
         element,
-        children: [{
-          displayName: 'Foo',
-          element: <Foo />,
-          children: [{
-            displayName: 'Image',
-            element: <Image />,
-            children: [],
-          }],
-        }, {
-          displayName: 'Foo',
-          element: <Foo />,
-          children: [{
-            displayName: 'Image',
-            element: <Image />,
-            children: [],
-          }],
-        }],
+        children: [
+          {
+            displayName: 'Foo',
+            element: <Foo />,
+            children: [
+              {
+                displayName: 'Image',
+                element: <Image />,
+                children: [],
+              },
+            ],
+          },
+          {
+            displayName: 'Foo',
+            element: <Foo />,
+            children: [
+              {
+                displayName: 'Image',
+                element: <Image />,
+                children: [],
+              },
+            ],
+          },
+        ],
       };
       assertTreeMatches([element, tree]);
     });
@@ -541,25 +608,33 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Text>Hi.</Text>;
         var treeBefore = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = <Text>Bye.</Text>;
         var treeAfter = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -572,22 +647,28 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Text />;
         var treeBefore = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Text>Hi.</Text>;
         var treeAfter = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -600,22 +681,28 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Text>Hi.</Text>;
         var treeBefore = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = <Text />;
         var treeAfter = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -628,25 +715,32 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Text />;
         var treeBefore = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Text>{'Hi.'}{'Bye.'}</Text>;
         var treeAfter = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }, {
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -659,25 +753,32 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Text>{'Hi.'}{'Bye.'}</Text>;
         var treeBefore = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }, {
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = <Text />;
         var treeAfter = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [],
+            },
+          ],
         };
         assertTreeMatches([
           [elementBefore, treeBefore],
@@ -689,28 +790,37 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Text>Hi.</Text>;
         var treeBefore = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = <Text>{'Hi.'}{'Bye.'}</Text>;
         var treeAfter = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }, {
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -723,28 +833,37 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Text>{'Hi.'}{'Bye.'}</Text>;
         var treeBefore = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }, {
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = <Text>Hi.</Text>;
         var treeAfter = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+          ],
         };
         assertTreeMatches([
           [elementBefore, treeBefore],
@@ -756,31 +875,41 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Text>{'Hi.'}{'Bye.'}</Text>;
         var treeBefore = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Hi.',
-            }, {
-              displayName: '#text',
-              text: 'Bye.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = <Text>{'Bye.'}{'Hi.'}</Text>;
         var treeAfter = {
           displayName: 'Text',
-          children: [{
-            displayName: 'RCText',
-            children: [{
-              displayName: '#text',
-              text: 'Bye.',
-            }, {
-              displayName: '#text',
-              text: 'Hi.',
-            }],
-          }],
+          children: [
+            {
+              displayName: 'RCText',
+              children: [
+                {
+                  displayName: '#text',
+                  text: 'Bye.',
+                },
+                {
+                  displayName: '#text',
+                  text: 'Hi.',
+                },
+              ],
+            },
+          ],
         };
         assertTreeMatches([
           [elementBefore, treeBefore],
@@ -797,25 +926,36 @@ describeStack('ReactComponentTreeHook', () => {
         );
         var treeBefore = {
           displayName: 'View',
-          children: [{
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'Hi.',
-              }],
-            }],
-          }, {
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'Bye.',
-              }],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'Hi.',
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'Bye.',
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = (
@@ -826,25 +966,36 @@ describeStack('ReactComponentTreeHook', () => {
         );
         var treeAfter = {
           displayName: 'View',
-          children: [{
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'Bye.',
-              }],
-            }],
-          }, {
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'Hi.',
-              }],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'Bye.',
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'Hi.',
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -862,25 +1013,36 @@ describeStack('ReactComponentTreeHook', () => {
         );
         var treeBefore = {
           displayName: 'View',
-          children: [{
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'Hi.',
-              }],
-            }],
-          }, {
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'Bye.',
-              }],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'Hi.',
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'Bye.',
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = (
@@ -891,25 +1053,36 @@ describeStack('ReactComponentTreeHook', () => {
         );
         var treeAfter = {
           displayName: 'View',
-          children: [{
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'Bye.',
-              }],
-            }],
-          }, {
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'Hi.',
-              }],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'Bye.',
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'Hi.',
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -930,19 +1103,23 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <View><Foo /></View>;
         var treeBefore = {
           displayName: 'View',
-          children: [{
-            displayName: 'Foo',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <View><Bar /></View>;
         var treeAfter = {
           displayName: 'View',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -952,32 +1129,40 @@ describeStack('ReactComponentTreeHook', () => {
       });
 
       it('updates a single composite child of the same type', () => {
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <View><Foo><View /></Foo></View>;
         var treeBefore = {
           displayName: 'View',
-          children: [{
-            displayName: 'Foo',
-            children: [{
-              displayName: 'View',
-              children: [],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'View',
+                  children: [],
+                },
+              ],
+            },
+          ],
         };
 
         var elementAfter = <View><Foo><Image /></Foo></View>;
         var treeAfter = {
           displayName: 'View',
-          children: [{
-            displayName: 'Foo',
-            children: [{
-              displayName: 'Image',
-              children: [],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'Image',
+                  children: [],
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1000,10 +1185,12 @@ describeStack('ReactComponentTreeHook', () => {
         var elementAfter = <View><Foo /></View>;
         var treeAfter = {
           displayName: 'View',
-          children: [{
-            displayName: 'Foo',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1020,10 +1207,12 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <View><Foo /></View>;
         var treeBefore = {
           displayName: 'View',
-          children: [{
-            displayName: 'Foo',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <View />;
@@ -1053,31 +1242,45 @@ describeStack('ReactComponentTreeHook', () => {
         );
         var tree1 = {
           displayName: 'View',
-          children: [{
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'hi',
-              }],
-            }],
-          }, {
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: '42',
-              }],
-            }],
-          }, {
-            displayName: 'Foo',
-            children: [{
-              displayName: 'View',
-              children: [],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'hi',
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: '42',
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'View',
+                  children: [],
+                },
+              ],
+            },
+          ],
         };
 
         var element2 = (
@@ -1090,22 +1293,31 @@ describeStack('ReactComponentTreeHook', () => {
         );
         var tree2 = {
           displayName: 'View',
-          children: [{
-            displayName: 'Foo',
-            children: [{
-              displayName: 'View',
-              children: [],
-            }],
-          }, {
-            displayName: 'Text',
-            children: [{
-              displayName: 'RCText',
-              children: [{
-                displayName: '#text',
-                text: 'hi',
-              }],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'View',
+                  children: [],
+                },
+              ],
+            },
+            {
+              displayName: 'Text',
+              children: [
+                {
+                  displayName: 'RCText',
+                  children: [
+                    {
+                      displayName: '#text',
+                      text: 'hi',
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
         };
 
         var element3 = (
@@ -1115,13 +1327,17 @@ describeStack('ReactComponentTreeHook', () => {
         );
         var tree3 = {
           displayName: 'View',
-          children: [{
-            displayName: 'Foo',
-            children: [{
-              displayName: 'View',
-              children: [],
-            }],
-          }],
+          children: [
+            {
+              displayName: 'Foo',
+              children: [
+                {
+                  displayName: 'View',
+                  children: [],
+                },
+              ],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1134,26 +1350,30 @@ describeStack('ReactComponentTreeHook', () => {
 
     describe('functional component', () => {
       it('updates with a host child', () => {
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><View /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><Image /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Image',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Image',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1163,7 +1383,7 @@ describeStack('ReactComponentTreeHook', () => {
       });
 
       it('updates from null to a host child', () => {
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
@@ -1176,10 +1396,12 @@ describeStack('ReactComponentTreeHook', () => {
         var elementAfter = <Foo><View /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1189,17 +1411,19 @@ describeStack('ReactComponentTreeHook', () => {
       });
 
       it('updates from a host child to null', () => {
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><View /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo>{null}</Foo>;
@@ -1219,26 +1443,30 @@ describeStack('ReactComponentTreeHook', () => {
           return null;
         }
 
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><View /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><Bar /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1252,26 +1480,30 @@ describeStack('ReactComponentTreeHook', () => {
           return null;
         }
 
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><Bar /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><View /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1285,7 +1517,7 @@ describeStack('ReactComponentTreeHook', () => {
           return null;
         }
 
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
@@ -1298,10 +1530,12 @@ describeStack('ReactComponentTreeHook', () => {
         var elementAfter = <Foo><Bar /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1315,17 +1549,19 @@ describeStack('ReactComponentTreeHook', () => {
           return null;
         }
 
-        function Foo({ children }) {
+        function Foo({children}) {
           return children;
         }
 
         var elementBefore = <Foo><Bar /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo>{null}</Foo>;
@@ -1352,19 +1588,23 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><View /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><Image /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Image',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Image',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1389,10 +1629,12 @@ describeStack('ReactComponentTreeHook', () => {
         var elementAfter = <Foo><View /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1411,10 +1653,12 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><View /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo>{null}</Foo>;
@@ -1445,19 +1689,23 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><View /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><Bar /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1482,19 +1730,23 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><Bar /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo><View /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'View',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1525,10 +1777,12 @@ describeStack('ReactComponentTreeHook', () => {
         var elementAfter = <Foo><Bar /></Foo>;
         var treeAfter = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         assertTreeMatches([
@@ -1553,10 +1807,12 @@ describeStack('ReactComponentTreeHook', () => {
         var elementBefore = <Foo><Bar /></Foo>;
         var treeBefore = {
           displayName: 'Foo',
-          children: [{
-            displayName: 'Bar',
-            children: [],
-          }],
+          children: [
+            {
+              displayName: 'Bar',
+              children: [],
+            },
+          ],
         };
 
         var elementAfter = <Foo>{null}</Foo>;
@@ -1588,40 +1844,57 @@ describeStack('ReactComponentTreeHook', () => {
     var element = <View><Foo /></View>;
     var tree = {
       displayName: 'View',
-      children: [{
-        displayName: 'Foo',
-        children: [{
-          displayName: 'Bar',
-          ownerDisplayName: 'Foo',
-          children: [{
-            displayName: 'View',
-            ownerDisplayName: 'Bar',
-            children: [{
-              displayName: 'Text',
+      children: [
+        {
+          displayName: 'Foo',
+          children: [
+            {
+              displayName: 'Bar',
               ownerDisplayName: 'Foo',
-              children: [{
-                displayName: 'RCText',
-                ownerDisplayName: 'Text',
-                children: [{
-                  displayName: '#text',
-                  text: 'Hi.',
-                }],
-              }],
-            }, {
-              displayName: 'Text',
-              ownerDisplayName: 'Bar',
-              children: [{
-                displayName: 'RCText',
-                ownerDisplayName: 'Text',
-                children: [{
-                  displayName: '#text',
-                  text: 'Mom',
-                }],
-              }],
-            }],
-          }],
-        }],
-      }],
+              children: [
+                {
+                  displayName: 'View',
+                  ownerDisplayName: 'Bar',
+                  children: [
+                    {
+                      displayName: 'Text',
+                      ownerDisplayName: 'Foo',
+                      children: [
+                        {
+                          displayName: 'RCText',
+                          ownerDisplayName: 'Text',
+                          children: [
+                            {
+                              displayName: '#text',
+                              text: 'Hi.',
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                    {
+                      displayName: 'Text',
+                      ownerDisplayName: 'Bar',
+                      children: [
+                        {
+                          displayName: 'RCText',
+                          ownerDisplayName: 'Text',
+                          children: [
+                            {
+                              displayName: '#text',
+                              text: 'Mom',
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
     };
     assertTreeMatches([element, tree], {includeOwnerDisplayName: true});
   });
@@ -1646,27 +1919,39 @@ describeStack('ReactComponentTreeHook', () => {
     }
 
     ReactNative.render(<Foo />, 1);
-    ReactComponentTreeTestUtils.expectTree(barInstance._debugID, {
-      displayName: 'Bar',
-      parentDisplayName: 'Foo',
-      parentID: fooInstance._debugID,
-      children: [],
-    }, 'Foo');
+    ReactComponentTreeTestUtils.expectTree(
+      barInstance._debugID,
+      {
+        displayName: 'Bar',
+        parentDisplayName: 'Foo',
+        parentID: fooInstance._debugID,
+        children: [],
+      },
+      'Foo',
+    );
 
     renderBar = false;
     ReactNative.render(<Foo />, 1);
-    ReactComponentTreeTestUtils.expectTree(barInstance._debugID, {
-      displayName: 'Unknown',
-      children: [],
-      parentID: null,
-    }, 'Foo');
+    ReactComponentTreeTestUtils.expectTree(
+      barInstance._debugID,
+      {
+        displayName: 'Unknown',
+        children: [],
+        parentID: null,
+      },
+      'Foo',
+    );
 
     ReactNative.unmountComponentAtNode(1);
-    ReactComponentTreeTestUtils.expectTree(barInstance._debugID, {
-      displayName: 'Unknown',
-      children: [],
-      parentID: null,
-    }, 'Foo');
+    ReactComponentTreeTestUtils.expectTree(
+      barInstance._debugID,
+      {
+        displayName: 'Unknown',
+        children: [],
+        parentID: null,
+      },
+      'Foo',
+    );
   });
 
   it('reports update counts', () => {
@@ -1694,13 +1979,18 @@ describeStack('ReactComponentTreeHook', () => {
 
   it('does not report top-level wrapper as a root', () => {
     ReactNative.render(<View><Image /></View>, 1);
-    expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual(['View']);
+    expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual([
+      'View',
+    ]);
 
     ReactNative.render(<View><Text /></View>, 1);
-    expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual(['View']);
+    expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual([
+      'View',
+    ]);
 
     ReactNative.unmountComponentAtNode(1);
     expectDev(ReactComponentTreeTestUtils.getRootDisplayNames()).toEqual([]);
-    expectDev(ReactComponentTreeTestUtils.getRegisteredDisplayNames()).toEqual([]);
+    expectDev(ReactComponentTreeTestUtils.getRegisteredDisplayNames()).toEqual([
+    ]);
   });
 });
diff --git a/src/renderers/__tests__/ReactCompositeComponent-test.js b/src/renderers/__tests__/ReactCompositeComponent-test.js
index 29953610e0..6f82e6f01a 100644
--- a/src/renderers/__tests__/ReactCompositeComponent-test.js
+++ b/src/renderers/__tests__/ReactCompositeComponent-test.js
@@ -22,7 +22,6 @@ var ReactPropTypes;
 var ReactTestUtils;
 
 describe('ReactCompositeComponent', () => {
-
   beforeEach(() => {
     jest.resetModules();
     React = require('react');
@@ -42,9 +41,9 @@ describe('ReactCompositeComponent', () => {
 
       render() {
         var toggleActivatedState = this._toggleActivatedState;
-        return !this.state.activated ?
-          <a ref="x" onClick={toggleActivatedState} /> :
-          <b ref="x" onClick={toggleActivatedState} />;
+        return !this.state.activated
+          ? <a ref="x" onClick={toggleActivatedState} />
+          : <b ref="x" onClick={toggleActivatedState} />;
       }
     };
 
@@ -59,9 +58,9 @@ describe('ReactCompositeComponent', () => {
 
       render() {
         var className = this.props.anchorClassOn ? 'anchorClass' : '';
-        return this.props.renderAnchor ?
-          <a ref="anch" className={className} /> :
-          <b />;
+        return this.props.renderAnchor
+          ? <a ref="anch" className={className} />
+          : <b />;
       }
     };
   });
@@ -139,19 +138,22 @@ describe('ReactCompositeComponent', () => {
     var container = document.createElement('div');
     var instance = ReactDOM.render(
       <ChildUpdates renderAnchor={true} anchorClassOn={false} />,
-      container
+      container,
     );
-    ReactDOM.render(  // Warm any cache
+    ReactDOM.render(
+      // Warm any cache
       <ChildUpdates renderAnchor={true} anchorClassOn={true} />,
-      container
+      container,
     );
-    ReactDOM.render(  // Clear out the anchor
+    ReactDOM.render(
+      // Clear out the anchor
       <ChildUpdates renderAnchor={false} anchorClassOn={true} />,
-      container
+      container,
     );
-    ReactDOM.render(  // rerender
+    ReactDOM.render(
+      // rerender
       <ChildUpdates renderAnchor={true} anchorClassOn={false} />,
-      container
+      container,
     );
     expect(instance.getAnchor().className).toBe('');
   });
@@ -188,7 +190,7 @@ describe('ReactCompositeComponent', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     var explicitlyBound = mountedInstance.methodToBeExplicitlyBound.bind(
-      mountedInstance
+      mountedInstance,
     );
     expectDev(console.error.calls.count()).toBe(2);
     var autoBound = mountedInstance.methodAutoBound;
@@ -199,7 +201,6 @@ describe('ReactCompositeComponent', () => {
 
     expect(explicitlyBound.call(mountedInstance)).toBe(mountedInstance);
     expect(autoBound.call(mountedInstance)).toBe(mountedInstance);
-
   });
 
   it('should not pass this to getDefaultProps', () => {
@@ -227,10 +228,14 @@ describe('ReactCompositeComponent', () => {
     var instance1 = ReactTestUtils.renderIntoDocument(<Component />);
     expect(instance1.props).toEqual({prop: 'testKey'});
 
-    var instance2 = ReactTestUtils.renderIntoDocument(<Component prop={undefined} />);
+    var instance2 = ReactTestUtils.renderIntoDocument(
+      <Component prop={undefined} />,
+    );
     expect(instance2.props).toEqual({prop: 'testKey'});
 
-    var instance3 = ReactTestUtils.renderIntoDocument(<Component prop={null} />);
+    var instance3 = ReactTestUtils.renderIntoDocument(
+      <Component prop={null} />,
+    );
     expect(instance3.props).toEqual({prop: null});
   });
 
@@ -279,9 +284,9 @@ describe('ReactCompositeComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Can only update a mounted or mounting component. This usually means ' +
-      'you called setState, replaceState, or forceUpdate on an unmounted ' +
-      'component. This is a no-op.\n\nPlease check the code for the ' +
-      'Component component.'
+        'you called setState, replaceState, or forceUpdate on an unmounted ' +
+        'component. This is a no-op.\n\nPlease check the code for the ' +
+        'Component component.',
     );
   });
 
@@ -323,9 +328,9 @@ describe('ReactCompositeComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Can only update a mounted or mounting component. This usually means ' +
-      'you called setState, replaceState, or forceUpdate on an unmounted ' +
-      'component. This is a no-op.\n\nPlease check the code for the ' +
-      'Component component.'
+        'you called setState, replaceState, or forceUpdate on an unmounted ' +
+        'component. This is a no-op.\n\nPlease check the code for the ' +
+        'Component component.',
     );
   });
 
@@ -357,7 +362,6 @@ describe('ReactCompositeComponent', () => {
     expect(cbCalled).toBe(false);
   });
 
-
   it('should warn about `setState` in render', () => {
     spyOn(console, 'error');
 
@@ -373,7 +377,7 @@ describe('ReactCompositeComponent', () => {
         renderPasses++;
         renderedState = this.state.value;
         if (this.state.value === 0) {
-          this.setState({ value: 1 });
+          this.setState({value: 1});
         }
         return <div />;
       }
@@ -386,9 +390,9 @@ describe('ReactCompositeComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Cannot update during an existing state transition (such as within ' +
-      '`render` or another component\'s constructor). Render methods should ' +
-      'be a pure function of props and state; constructor side-effects are ' +
-      'an anti-pattern, but can be moved to `componentWillMount`.'
+        "`render` or another component's constructor). Render methods should " +
+        'be a pure function of props and state; constructor side-effects are ' +
+        'an anti-pattern, but can be moved to `componentWillMount`.',
     );
 
     // The setState call is queued and then executed as a second pass. This
@@ -417,7 +421,7 @@ describe('ReactCompositeComponent', () => {
 
       getChildContext() {
         if (this.state.value === 0) {
-          this.setState({ value: 1 });
+          this.setState({value: 1});
         }
       }
 
@@ -434,7 +438,7 @@ describe('ReactCompositeComponent', () => {
     expect(instance.state.value).toBe(1);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: setState(...): Cannot call setState() inside getChildContext()'
+      'Warning: setState(...): Cannot call setState() inside getChildContext()',
     );
   });
 
@@ -507,7 +511,7 @@ describe('ReactCompositeComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Component.shouldComponentUpdate(): Returned undefined instead of a ' +
-      'boolean value. Make sure to return true or false.'
+        'boolean value. Make sure to return true or false.',
     );
   });
 
@@ -515,8 +519,7 @@ describe('ReactCompositeComponent', () => {
     spyOn(console, 'error');
 
     class Component extends React.Component {
-      componentDidUnmount = () => {
-      };
+      componentDidUnmount = () => {};
 
       render() {
         return <div />;
@@ -528,8 +531,8 @@ describe('ReactCompositeComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Component has a method called ' +
-      'componentDidUnmount(). But there is no such lifecycle method. ' +
-      'Did you mean componentWillUnmount()?'
+        'componentDidUnmount(). But there is no such lifecycle method. ' +
+        'Did you mean componentWillUnmount()?',
     );
   });
 
@@ -639,7 +642,7 @@ describe('ReactCompositeComponent', () => {
     }
 
     parentInstance = ReactTestUtils.renderIntoDocument(
-      <Parent><Middle><Child /></Middle></Parent>
+      <Parent><Middle><Child /></Middle></Parent>,
     );
 
     expect(parentInstance.state.flag).toBe(false);
@@ -691,10 +694,7 @@ describe('ReactCompositeComponent', () => {
       }
     }
 
-
-    var wrapper = ReactTestUtils.renderIntoDocument(
-      <Wrapper />
-    );
+    var wrapper = ReactTestUtils.renderIntoDocument(<Wrapper />);
 
     expect(wrapper.refs.parent.state.flag).toEqual(true);
     expect(wrapper.refs.child.context).toEqual({flag: true});
@@ -999,7 +999,7 @@ describe('ReactCompositeComponent', () => {
           <GrandChild>B2</GrandChild>
         </ChildWithContext>
       </Parent>,
-      div
+      div,
     );
 
     parentInstance.setState({
@@ -1030,9 +1030,9 @@ describe('ReactCompositeComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toMatch(
       'Render methods should be a pure function of props and state; ' +
-      'triggering nested component updates from render is not allowed. If ' +
-      'necessary, trigger nested updates in componentDidUpdate.\n\nCheck the ' +
-      'render method of Outer.'
+        'triggering nested component updates from render is not allowed. If ' +
+        'necessary, trigger nested updates in componentDidUpdate.\n\nCheck the ' +
+        'render method of Outer.',
     );
   });
 
@@ -1295,7 +1295,7 @@ describe('ReactCompositeComponent', () => {
 
     class Foo extends React.Component {
       constructor(props) {
-        var _props = { idx: props.idx + '!' };
+        var _props = {idx: props.idx + '!'};
         super(_props);
       }
 
@@ -1311,9 +1311,8 @@ describe('ReactCompositeComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Foo(...): When calling super() in `Foo`, make sure to pass ' +
-      'up the same props that your component\'s constructor was passed.'
+        "up the same props that your component's constructor was passed.",
     );
-
   });
 
   it('should only call componentWillUnmount once', () => {
@@ -1344,7 +1343,7 @@ describe('ReactCompositeComponent', () => {
 
     var container = document.createElement('div');
 
-    var setRef = (ref) => {
+    var setRef = ref => {
       if (ref) {
         app = ref;
       }
@@ -1397,5 +1396,4 @@ describe('ReactCompositeComponent', () => {
       'B componentDidMount',
     ]);
   });
-
 });
diff --git a/src/renderers/__tests__/ReactCompositeComponentDOMMinimalism-test.js b/src/renderers/__tests__/ReactCompositeComponentDOMMinimalism-test.js
index aa9972a161..3391470f81 100644
--- a/src/renderers/__tests__/ReactCompositeComponentDOMMinimalism-test.js
+++ b/src/renderers/__tests__/ReactCompositeComponentDOMMinimalism-test.js
@@ -28,7 +28,6 @@ var expectSingleChildlessDiv;
  * nodes.
  */
 describe('ReactCompositeComponentDOMMinimalism', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactDOM = require('react-dom');
@@ -96,5 +95,4 @@ describe('ReactCompositeComponentDOMMinimalism', () => {
     expect(el.children[0].tagName).toBe('UL');
     expect(el.children[0].children.length).toBe(0);
   });
-
 });
diff --git a/src/renderers/__tests__/ReactCompositeComponentNestedState-test.js b/src/renderers/__tests__/ReactCompositeComponentNestedState-test.js
index a0eba24154..4480a2231f 100644
--- a/src/renderers/__tests__/ReactCompositeComponentNestedState-test.js
+++ b/src/renderers/__tests__/ReactCompositeComponentNestedState-test.js
@@ -16,7 +16,6 @@ var ReactDOM;
 var ReactTestUtils;
 
 describe('ReactCompositeComponentNestedState-state', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactDOM = require('react-dom');
@@ -27,7 +26,7 @@ describe('ReactCompositeComponentNestedState-state', () => {
     class ParentComponent extends React.Component {
       state = {color: 'blue'};
 
-      handleColor = (color) => {
+      handleColor = color => {
         this.props.logger('parent-handleColor', this.state.color);
         this.setState({color: color}, function() {
           this.props.logger('parent-after-setState', this.state.color);
@@ -56,13 +55,24 @@ describe('ReactCompositeComponentNestedState-state', () => {
       handleHue = (shade, color) => {
         this.props.logger('handleHue', this.state.hue, this.props.color);
         this.props.onSelectColor(color);
-        this.setState(function(state, props) {
-          this.props.logger('setState-this', this.state.hue, this.props.color);
-          this.props.logger('setState-args', state.hue, props.color);
-          return {hue: shade + ' ' + props.color};
-        }, function() {
-          this.props.logger('after-setState', this.state.hue, this.props.color);
-        });
+        this.setState(
+          function(state, props) {
+            this.props.logger(
+              'setState-this',
+              this.state.hue,
+              this.props.color,
+            );
+            this.props.logger('setState-args', state.hue, props.color);
+            return {hue: shade + ' ' + props.color};
+          },
+          function() {
+            this.props.logger(
+              'after-setState',
+              this.state.hue,
+              this.props.color,
+            );
+          },
+        );
       };
 
       render() {
@@ -91,15 +101,10 @@ describe('ReactCompositeComponentNestedState-state', () => {
 
     var logger = jest.fn();
 
-    void ReactDOM.render(
-      <ParentComponent logger={logger} />,
-      container
-    );
+    void ReactDOM.render(<ParentComponent logger={logger} />, container);
 
     // click "light green"
-    ReactTestUtils.Simulate.click(
-      container.childNodes[0].childNodes[3]
-    );
+    ReactTestUtils.Simulate.click(container.childNodes[0].childNodes[3]);
 
     expect(logger.mock.calls).toEqual([
       ['parent-render', 'blue'],
diff --git a/src/renderers/__tests__/ReactCompositeComponentState-test.js b/src/renderers/__tests__/ReactCompositeComponentState-test.js
index 9aa97f2646..6bed124cfd 100644
--- a/src/renderers/__tests__/ReactCompositeComponentState-test.js
+++ b/src/renderers/__tests__/ReactCompositeComponentState-test.js
@@ -18,7 +18,6 @@ var ReactDOMFeatureFlags;
 var TestComponent;
 
 describe('ReactCompositeComponent-state', () => {
-
   beforeEach(() => {
     React = require('react');
 
@@ -38,7 +37,7 @@ describe('ReactCompositeComponent-state', () => {
       setFavoriteColor: function(nextColor) {
         this.setState(
           {color: nextColor},
-          this.peekAtCallback('setFavoriteColor')
+          this.peekAtCallback('setFavoriteColor'),
         );
       },
 
@@ -59,7 +58,7 @@ describe('ReactCompositeComponent-state', () => {
         });
         this.setState(
           {color: 'sunrise'},
-          this.peekAtCallback('setState-sunrise')
+          this.peekAtCallback('setState-sunrise'),
         );
         this.setState(function(state) {
           this.peekAtState('after-setState-sunrise', state);
@@ -67,7 +66,7 @@ describe('ReactCompositeComponent-state', () => {
         this.peekAtState('componentWillMount-after-sunrise');
         this.setState(
           {color: 'orange'},
-          this.peekAtCallback('setState-orange')
+          this.peekAtCallback('setState-orange'),
         );
         this.setState(function(state) {
           this.peekAtState('after-setState-orange', state);
@@ -79,7 +78,7 @@ describe('ReactCompositeComponent-state', () => {
         this.peekAtState('componentDidMount-start');
         this.setState(
           {color: 'yellow'},
-          this.peekAtCallback('setState-yellow')
+          this.peekAtCallback('setState-yellow'),
         );
         this.peekAtState('componentDidMount-end');
       },
@@ -97,7 +96,7 @@ describe('ReactCompositeComponent-state', () => {
               this.peekAtState('before-setState-again-receiveProps', state);
               return {color: newProps.nextColor};
             },
-            this.peekAtCallback('setState-receiveProps')
+            this.peekAtCallback('setState-receiveProps'),
           );
           this.setState(function(state) {
             this.peekAtState('after-setState-receiveProps', state);
@@ -138,12 +137,12 @@ describe('ReactCompositeComponent-state', () => {
       container,
       function peekAtInitialCallback() {
         this.peekAtState('initial-callback');
-      }
+      },
     );
     ReactDOM.render(
       <TestComponent stateListener={stateListener} nextColor="green" />,
       container,
-      instance.peekAtCallback('setProps')
+      instance.peekAtCallback('setProps'),
     );
     instance.setFavoriteColor('blue');
     instance.forceUpdate(instance.peekAtCallback('forceUpdate'));
@@ -191,9 +190,7 @@ describe('ReactCompositeComponent-state', () => {
       // from the queue. In Fiber, we keep updates in the queue to support
       // replaceState(prevState => newState).
       // TODO: Fix Stack to match Fiber.
-      expected.push(
-        ['before-setState-receiveProps', 'yellow'],
-      );
+      expected.push(['before-setState-receiveProps', 'yellow']);
     }
 
     expected.push(
@@ -232,7 +229,6 @@ describe('ReactCompositeComponent-state', () => {
     expect(stateListener.mock.calls.join('\n')).toEqual(expected.join('\n'));
   });
 
-
   it('should call componentDidUpdate of children first', () => {
     var container = document.createElement('div');
 
@@ -242,7 +238,7 @@ describe('ReactCompositeComponent-state', () => {
     var parent = null;
 
     class Child extends React.Component {
-      state = {bar:false};
+      state = {bar: false};
       componentDidMount() {
         child = this;
       }
@@ -266,7 +262,7 @@ describe('ReactCompositeComponent-state', () => {
     }
 
     class Parent extends React.Component {
-      state = {foo:false};
+      state = {foo: false};
       componentDidMount() {
         parent = this;
       }
@@ -281,40 +277,36 @@ describe('ReactCompositeComponent-state', () => {
     ReactDOM.render(<Parent />, container);
 
     ReactDOM.unstable_batchedUpdates(() => {
-      parent.setState({ foo: true });
-      child.setState({ bar: true });
+      parent.setState({foo: true});
+      child.setState({bar: true});
     });
     // When we render changes top-down in a batch, children's componentDidUpdate
     // happens before the parent.
-    expect(ops).toEqual([
-      'child did update',
-      'parent did update',
-    ]);
+    expect(ops).toEqual(['child did update', 'parent did update']);
 
     shouldUpdate = false;
 
     ops = [];
 
     ReactDOM.unstable_batchedUpdates(() => {
-      parent.setState({ foo: false });
-      child.setState({ bar: false });
+      parent.setState({foo: false});
+      child.setState({bar: false});
     });
     // We expect the same thing to happen if we bail out in the middle.
     expect(ops).toEqual(
       ReactDOMFeatureFlags.useFiber
         ? [
-          // Fiber works as expected
-          'child did update',
-          'parent did update',
-        ]
+            // Fiber works as expected
+            'child did update',
+            'parent did update',
+          ]
         : [
-          // Stack treats these as two separate updates and therefore the order
-          // is inverse.
-          'parent did update',
-          'child did update',
-        ]
+            // Stack treats these as two separate updates and therefore the order
+            // is inverse.
+            'parent did update',
+            'child did update',
+          ],
     );
-
   });
 
   it('should batch unmounts', () => {
@@ -396,8 +388,10 @@ describe('ReactCompositeComponent-state', () => {
       }
       shouldComponentUpdate(nextProps, nextState) {
         log.push(
-          'scu from ' + Object.keys(this.state) +
-          ' to ' + Object.keys(nextState)
+          'scu from ' +
+            Object.keys(this.state) +
+            ' to ' +
+            Object.keys(nextState),
         );
         return false;
       }
@@ -409,10 +403,7 @@ describe('ReactCompositeComponent-state', () => {
     expect(log.length).toBe(1);
     test.setState({c: 0});
     expect(log.length).toBe(2);
-    expect(log).toEqual([
-      'scu from a to a,b',
-      'scu from a,b to a,b,c',
-    ]);
+    expect(log).toEqual(['scu from a to a,b', 'scu from a,b to a,b,c']);
   });
 
   it('should treat assigning to this.state inside cWRP as a replaceState, with a warning', () => {
@@ -420,17 +411,21 @@ describe('ReactCompositeComponent-state', () => {
 
     let ops = [];
     class Test extends React.Component {
-      state = { step: 1, extra: true };
+      state = {step: 1, extra: true};
       componentWillReceiveProps() {
-        this.setState({ step: 2 }, () => {
+        this.setState({step: 2}, () => {
           // Tests that earlier setState callbacks are not dropped
-          ops.push(`callback -- step: ${this.state.step}, extra: ${!!this.state.extra}`);
+          ops.push(
+            `callback -- step: ${this.state.step}, extra: ${!!this.state.extra}`,
+          );
         });
         // Treat like replaceState
-        this.state = { step: 3 };
+        this.state = {step: 3};
       }
       render() {
-        ops.push(`render -- step: ${this.state.step}, extra: ${!!this.state.extra}`);
+        ops.push(
+          `render -- step: ${this.state.step}, extra: ${!!this.state.extra}`,
+        );
         return null;
       }
     }
@@ -449,8 +444,8 @@ describe('ReactCompositeComponent-state', () => {
     expect(console.error.calls.count()).toEqual(1);
     expect(console.error.calls.argsFor(0)[0]).toEqual(
       'Warning: Test.componentWillReceiveProps(): Assigning directly to ' +
-      'this.state is deprecated (except inside a component\'s constructor). ' +
-      'Use setState instead.'
+        "this.state is deprecated (except inside a component's constructor). " +
+        'Use setState instead.',
     );
   });
 });
diff --git a/src/renderers/__tests__/ReactEmptyComponent-test.js b/src/renderers/__tests__/ReactEmptyComponent-test.js
index d9985d24dd..06ac9c483f 100644
--- a/src/renderers/__tests__/ReactEmptyComponent-test.js
+++ b/src/renderers/__tests__/ReactEmptyComponent-test.js
@@ -80,21 +80,17 @@ describe('ReactEmptyComponent', () => {
       ReactTestUtils.renderIntoDocument(<Component />);
     }).toThrowError(
       'Component.render(): A valid React element (or null) must be returned. You may ' +
-      'have returned undefined, an array or some other invalid object.'
+        'have returned undefined, an array or some other invalid object.',
     );
   });
 
   it('should be able to switch between rendering null and a normal tag', () => {
-    var instance1 =
-      <TogglingComponent
-        firstComponent={null}
-        secondComponent={'div'}
-      />;
-    var instance2 =
-      <TogglingComponent
-        firstComponent={'div'}
-        secondComponent={null}
-      />;
+    var instance1 = (
+      <TogglingComponent firstComponent={null} secondComponent={'div'} />
+    );
+    var instance2 = (
+      <TogglingComponent firstComponent={'div'} secondComponent={null} />
+    );
 
     ReactTestUtils.renderIntoDocument(instance1);
     ReactTestUtils.renderIntoDocument(instance2);
@@ -107,18 +103,16 @@ describe('ReactEmptyComponent', () => {
   });
 
   it('should be able to switch in a list of children', () => {
-    var instance1 =
-      <TogglingComponent
-        firstComponent={null}
-        secondComponent={'div'}
-      />;
+    var instance1 = (
+      <TogglingComponent firstComponent={null} secondComponent={'div'} />
+    );
 
     ReactTestUtils.renderIntoDocument(
       <div>
         {instance1}
         {instance1}
         {instance1}
-      </div>
+      </div>,
     );
 
     expect(log.calls.count()).toBe(6);
@@ -130,36 +124,31 @@ describe('ReactEmptyComponent', () => {
     expect(log.calls.argsFor(5)[0].tagName).toBe('DIV');
   });
 
-  it('should distinguish between a script placeholder and an actual script tag',
-    () => {
-      var instance1 =
-        <TogglingComponent
-          firstComponent={null}
-          secondComponent={'script'}
-        />;
-      var instance2 =
-        <TogglingComponent
-          firstComponent={'script'}
-          secondComponent={null}
-        />;
+  it('should distinguish between a script placeholder and an actual script tag', () => {
+    var instance1 = (
+      <TogglingComponent firstComponent={null} secondComponent={'script'} />
+    );
+    var instance2 = (
+      <TogglingComponent firstComponent={'script'} secondComponent={null} />
+    );
 
-      expect(function() {
-        ReactTestUtils.renderIntoDocument(instance1);
-      }).not.toThrow();
-      expect(function() {
-        ReactTestUtils.renderIntoDocument(instance2);
-      }).not.toThrow();
+    expect(function() {
+      ReactTestUtils.renderIntoDocument(instance1);
+    }).not.toThrow();
+    expect(function() {
+      ReactTestUtils.renderIntoDocument(instance2);
+    }).not.toThrow();
 
-      expect(log.calls.count()).toBe(4);
-      expect(log.calls.argsFor(0)[0]).toBe(null);
-      expect(log.calls.argsFor(1)[0].tagName).toBe('SCRIPT');
-      expect(log.calls.argsFor(2)[0].tagName).toBe('SCRIPT');
-      expect(log.calls.argsFor(3)[0]).toBe(null);
-    }
-  );
+    expect(log.calls.count()).toBe(4);
+    expect(log.calls.argsFor(0)[0]).toBe(null);
+    expect(log.calls.argsFor(1)[0].tagName).toBe('SCRIPT');
+    expect(log.calls.argsFor(2)[0].tagName).toBe('SCRIPT');
+    expect(log.calls.argsFor(3)[0]).toBe(null);
+  });
 
-  it('should have findDOMNode return null when multiple layers of composite ' +
-    'components render to the same null placeholder',
+  it(
+    'should have findDOMNode return null when multiple layers of composite ' +
+      'components render to the same null placeholder',
     () => {
       class GrandChild extends React.Component {
         render() {
@@ -173,16 +162,12 @@ describe('ReactEmptyComponent', () => {
         }
       }
 
-      var instance1 =
-        <TogglingComponent
-          firstComponent={'div'}
-          secondComponent={Child}
-        />;
-      var instance2 =
-        <TogglingComponent
-          firstComponent={Child}
-          secondComponent={'div'}
-        />;
+      var instance1 = (
+        <TogglingComponent firstComponent={'div'} secondComponent={Child} />
+      );
+      var instance2 = (
+        <TogglingComponent firstComponent={Child} secondComponent={'div'} />
+      );
 
       expect(function() {
         ReactTestUtils.renderIntoDocument(instance1);
@@ -196,7 +181,7 @@ describe('ReactEmptyComponent', () => {
       expect(log.calls.argsFor(1)[0]).toBe(null);
       expect(log.calls.argsFor(2)[0]).toBe(null);
       expect(log.calls.argsFor(3)[0].tagName).toBe('DIV');
-    }
+    },
   );
 
   it('works when switching components', () => {
@@ -259,9 +244,7 @@ describe('ReactEmptyComponent', () => {
         // Stack does not implement this.
         expect(function() {
           ReactDOM.render(null, div);
-        }).toThrowError(
-          'ReactDOM.render(): Invalid component element.'
-        );
+        }).toThrowError('ReactDOM.render(): Invalid component element.');
       }
     } finally {
       ReactFeatureFlags.disableNewFiberFeatures = true;
diff --git a/src/renderers/__tests__/ReactErrorBoundaries-test.js b/src/renderers/__tests__/ReactErrorBoundaries-test.js
index 5bac8b1a5f..d9a34dc5e6 100644
--- a/src/renderers/__tests__/ReactErrorBoundaries-test.js
+++ b/src/renderers/__tests__/ReactErrorBoundaries-test.js
@@ -148,7 +148,9 @@ describe('ReactErrorBoundaries', () => {
         log.push('BrokenComponentWillReceiveProps componentDidMount');
       }
       componentWillReceiveProps() {
-        log.push('BrokenComponentWillReceiveProps componentWillReceiveProps [!]');
+        log.push(
+          'BrokenComponentWillReceiveProps componentWillReceiveProps [!]',
+        );
         throw new Error('Hello');
       }
       componentWillUpdate() {
@@ -273,7 +275,9 @@ describe('ReactErrorBoundaries', () => {
         return <div>{this.props.children}</div>;
       }
       componentWillMount() {
-        log.push('BrokenComponentWillMountErrorBoundary componentWillMount [!]');
+        log.push(
+          'BrokenComponentWillMountErrorBoundary componentWillMount [!]',
+        );
         throw new Error('Hello');
       }
       componentDidMount() {
@@ -593,7 +597,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenRender />
       </ErrorBoundary>,
-      container3
+      container3,
     );
     expect(container1.firstChild.textContent).toBe('Before 1');
     expect(container2.firstChild).toBe(null);
@@ -605,7 +609,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary forceRetry={true}>
         After 3
       </ErrorBoundary>,
-      container3
+      container3,
     );
     expect(container1.firstChild.textContent).toBe('After 1');
     expect(container2.firstChild.textContent).toBe('After 2');
@@ -625,11 +629,9 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenRender />
       </ErrorBoundary>,
-      container
-    );
-    expect(container.firstChild.textContent).toBe(
-      'Caught an error: Hello.'
+      container,
     );
+    expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
       'ErrorBoundary constructor',
       'ErrorBoundary componentWillMount',
@@ -637,27 +639,27 @@ describe('ReactErrorBoundaries', () => {
       'BrokenRender constructor',
       'BrokenRender componentWillMount',
       'BrokenRender render [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Fiber mounts with null children before capturing error
-        'ErrorBoundary componentDidMount',
-        // Catch and render an error message
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        // Catch and render an error message
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Fiber mounts with null children before capturing error
+            'ErrorBoundary componentDidMount',
+            // Catch and render an error message
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            // Catch and render an error message
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('renders an error state if child throws in constructor', () => {
@@ -666,7 +668,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenConstructor />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -674,27 +676,27 @@ describe('ReactErrorBoundaries', () => {
       'ErrorBoundary componentWillMount',
       'ErrorBoundary render success',
       'BrokenConstructor constructor [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Fiber mounts with null children before capturing error
-        'ErrorBoundary componentDidMount',
-        // Catch and render an error message
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        // Catch and render an error message
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Fiber mounts with null children before capturing error
+            'ErrorBoundary componentDidMount',
+            // Catch and render an error message
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            // Catch and render an error message
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('renders an error state if child throws in componentWillMount', () => {
@@ -703,7 +705,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenComponentWillMount />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -712,25 +714,25 @@ describe('ReactErrorBoundaries', () => {
       'ErrorBoundary render success',
       'BrokenComponentWillMount constructor',
       'BrokenComponentWillMount componentWillMount [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        'ErrorBoundary componentDidMount',
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        // Catch and render an error message
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            'ErrorBoundary componentDidMount',
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            // Catch and render an error message
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('renders an error state if context provider throws in componentWillMount', () => {
@@ -752,7 +754,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenComponentWillMountWithContext />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
   });
@@ -780,16 +782,14 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenComponentWillMountWithContext />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
   });
 
   it('mounts the error message if mounting fails', () => {
     function renderError(error) {
-      return (
-        <ErrorMessage message={error.message} />
-      );
+      return <ErrorMessage message={error.message} />;
     }
 
     var container = document.createElement('div');
@@ -797,7 +797,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary renderError={renderError}>
         <BrokenRender />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(log).toEqual([
       'ErrorBoundary constructor',
@@ -806,27 +806,29 @@ describe('ReactErrorBoundaries', () => {
       'BrokenRender constructor',
       'BrokenRender componentWillMount',
       'BrokenRender render [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        'ErrorBoundary componentDidMount',
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorMessage constructor',
-        'ErrorMessage componentWillMount',
-        'ErrorMessage render',
-        'ErrorMessage componentDidMount',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        // Handle the error:
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary render error',
-        // Mount the error message:
-        'ErrorMessage constructor',
-        'ErrorMessage componentWillMount',
-        'ErrorMessage render',
-        'ErrorMessage componentDidMount',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            'ErrorBoundary componentDidMount',
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorMessage constructor',
+            'ErrorMessage componentWillMount',
+            'ErrorMessage render',
+            'ErrorMessage componentDidMount',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            // Handle the error:
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary render error',
+            // Mount the error message:
+            'ErrorMessage constructor',
+            'ErrorMessage componentWillMount',
+            'ErrorMessage render',
+            'ErrorMessage componentDidMount',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
@@ -845,7 +847,7 @@ describe('ReactErrorBoundaries', () => {
           <BrokenRender />
         </RetryErrorBoundary>
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -858,44 +860,44 @@ describe('ReactErrorBoundaries', () => {
       'BrokenRender constructor',
       'BrokenRender componentWillMount',
       'BrokenRender render [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // In Fiber, failed error boundaries render null before attempting to recover
-        'RetryErrorBoundary componentDidMount',
-        'RetryErrorBoundary unstable_handleError [!]',
-        'ErrorBoundary componentDidMount',
-        // Retry
-        'RetryErrorBoundary render',
-        'BrokenRender constructor',
-        'BrokenRender componentWillMount',
-        'BrokenRender render [!]',
-        // This time, the error propagates to the higher boundary
-        'RetryErrorBoundary componentWillUnmount',
-        'ErrorBoundary unstable_handleError',
-        // Render the error
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        // The first error boundary catches the error.
-        // However, it doesn't adjust its state so next render will also fail.
-        'RetryErrorBoundary unstable_handleError [*]',
-        'RetryErrorBoundary render',
-        'BrokenRender constructor',
-        'BrokenRender componentWillMount',
-        'BrokenRender render [!]',
-        // This time, the error propagates to the higher boundary
-        'ErrorBoundary unstable_handleError',
-        // Render the error
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // In Fiber, failed error boundaries render null before attempting to recover
+            'RetryErrorBoundary componentDidMount',
+            'RetryErrorBoundary unstable_handleError [!]',
+            'ErrorBoundary componentDidMount',
+            // Retry
+            'RetryErrorBoundary render',
+            'BrokenRender constructor',
+            'BrokenRender componentWillMount',
+            'BrokenRender render [!]',
+            // This time, the error propagates to the higher boundary
+            'RetryErrorBoundary componentWillUnmount',
+            'ErrorBoundary unstable_handleError',
+            // Render the error
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            // The first error boundary catches the error.
+            // However, it doesn't adjust its state so next render will also fail.
+            'RetryErrorBoundary unstable_handleError [*]',
+            'RetryErrorBoundary render',
+            'BrokenRender constructor',
+            'BrokenRender componentWillMount',
+            'BrokenRender render [!]',
+            // This time, the error propagates to the higher boundary
+            'ErrorBoundary unstable_handleError',
+            // Render the error
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('propagates errors inside boundary during componentWillMount', () => {
@@ -904,7 +906,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenComponentWillMountErrorBoundary />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -914,25 +916,25 @@ describe('ReactErrorBoundaries', () => {
       'BrokenComponentWillMountErrorBoundary constructor',
       'BrokenComponentWillMountErrorBoundary componentWillMount [!]',
       // The error propagates to the higher boundary
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        'ErrorBoundary componentDidMount',
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Render the error
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            'ErrorBoundary componentDidMount',
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Render the error
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('propagates errors inside boundary while rendering error state', () => {
@@ -943,7 +945,7 @@ describe('ReactErrorBoundaries', () => {
           <BrokenRender />
         </BrokenRenderErrorBoundary>
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -958,36 +960,36 @@ describe('ReactErrorBoundaries', () => {
       'BrokenRender render [!]',
       // The first error boundary catches the error
       // It adjusts state but throws displaying the message
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish mounting with null children
-        'BrokenRenderErrorBoundary componentDidMount',
-        // Attempt to handle the error
-        'BrokenRenderErrorBoundary unstable_handleError',
-        'ErrorBoundary componentDidMount',
-        'BrokenRenderErrorBoundary render error [!]',
-        // Boundary fails with new error, propagate to next boundary
-        'BrokenRenderErrorBoundary componentWillUnmount',
-        // Attempt to handle the error again
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'BrokenRenderErrorBoundary unstable_handleError',
-        'BrokenRenderErrorBoundary render error [!]',
-        // The error propagates to the higher boundary
-        'ErrorBoundary unstable_handleError',
-        // Render the error
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish mounting with null children
+            'BrokenRenderErrorBoundary componentDidMount',
+            // Attempt to handle the error
+            'BrokenRenderErrorBoundary unstable_handleError',
+            'ErrorBoundary componentDidMount',
+            'BrokenRenderErrorBoundary render error [!]',
+            // Boundary fails with new error, propagate to next boundary
+            'BrokenRenderErrorBoundary componentWillUnmount',
+            // Attempt to handle the error again
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'BrokenRenderErrorBoundary unstable_handleError',
+            'BrokenRenderErrorBoundary render error [!]',
+            // The error propagates to the higher boundary
+            'ErrorBoundary unstable_handleError',
+            // Render the error
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('does not call componentWillUnmount when aborting initial mount', () => {
@@ -998,7 +1000,7 @@ describe('ReactErrorBoundaries', () => {
         <BrokenRender />
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1013,28 +1015,28 @@ describe('ReactErrorBoundaries', () => {
       'BrokenRender constructor',
       'BrokenRender componentWillMount',
       'BrokenRender render [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish mounting with null children
-        'ErrorBoundary componentDidMount',
-        // Handle the error
-        'ErrorBoundary unstable_handleError',
-        // Render the error message
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Render the error message
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish mounting with null children
+            'ErrorBoundary componentDidMount',
+            // Handle the error
+            'ErrorBoundary unstable_handleError',
+            // Render the error message
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Render the error message
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('resets refs if mounting aborts', () => {
@@ -1051,7 +1053,7 @@ describe('ReactErrorBoundaries', () => {
         <div ref={childRef} />
         <BrokenRender />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1062,26 +1064,28 @@ describe('ReactErrorBoundaries', () => {
       'BrokenRender componentWillMount',
       'BrokenRender render [!]',
       // Handle error:
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish mounting with null children
-        'ErrorBoundary componentDidMount',
-        // Handle the error
-        'ErrorBoundary unstable_handleError',
-        // Render the error message
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'Error message ref is set to [object HTMLDivElement]',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Stack reconciler resets ref on update, as it doesn't know ref was never set.
-        // This is unnecessary, and Fiber doesn't do it:
-        'Child ref is set to null',
-        'ErrorBoundary render error',
-        // Ref to error message should get set:
-        'Error message ref is set to [object HTMLDivElement]',
-        'ErrorBoundary componentDidMount',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish mounting with null children
+            'ErrorBoundary componentDidMount',
+            // Handle the error
+            'ErrorBoundary unstable_handleError',
+            // Render the error message
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'Error message ref is set to [object HTMLDivElement]',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Stack reconciler resets ref on update, as it doesn't know ref was never set.
+            // This is unnecessary, and Fiber doesn't do it:
+            'Child ref is set to null',
+            'ErrorBoundary render error',
+            // Ref to error message should get set:
+            'Error message ref is set to [object HTMLDivElement]',
+            'ErrorBoundary componentDidMount',
+          ]),
     ]);
 
     log.length = 0;
@@ -1098,7 +1102,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <div>Mounted successfully.</div>
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.firstChild.textContent).toBe('Mounted successfully.');
     expect(log).toEqual([
@@ -1110,9 +1114,7 @@ describe('ReactErrorBoundaries', () => {
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('catches if child throws in constructor during update', () => {
@@ -1121,7 +1123,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     log.length = 0;
@@ -1131,7 +1133,7 @@ describe('ReactErrorBoundaries', () => {
         <Normal logName="Normal2" />
         <BrokenConstructor />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1147,31 +1149,31 @@ describe('ReactErrorBoundaries', () => {
       'Normal2 render',
       // BrokenConstructor will abort rendering:
       'BrokenConstructor constructor [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish updating with null children
-        'Normal componentWillUnmount',
-        'ErrorBoundary componentDidUpdate',
-        // Handle the error
-        'ErrorBoundary unstable_handleError',
-        // Render the error message
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Stack unmounts first, then renders:
-        'Normal componentWillUnmount',
-        'ErrorBoundary render error',
-        // Normal2 does not get lifefycle because it was never mounted
-        'ErrorBoundary componentDidUpdate',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish updating with null children
+            'Normal componentWillUnmount',
+            'ErrorBoundary componentDidUpdate',
+            // Handle the error
+            'ErrorBoundary unstable_handleError',
+            // Render the error message
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Stack unmounts first, then renders:
+            'Normal componentWillUnmount',
+            'ErrorBoundary render error',
+            // Normal2 does not get lifefycle because it was never mounted
+            'ErrorBoundary componentDidUpdate',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('catches if child throws in componentWillMount during update', () => {
@@ -1180,7 +1182,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     log.length = 0;
@@ -1190,7 +1192,7 @@ describe('ReactErrorBoundaries', () => {
         <Normal logName="Normal2" />
         <BrokenComponentWillMount />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1207,31 +1209,31 @@ describe('ReactErrorBoundaries', () => {
       // BrokenComponentWillMount will abort rendering:
       'BrokenComponentWillMount constructor',
       'BrokenComponentWillMount componentWillMount [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish updating with null children
-        'Normal componentWillUnmount',
-        'ErrorBoundary componentDidUpdate',
-        // Handle the error
-        'ErrorBoundary unstable_handleError',
-        // Render the error message
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Stack unmounts first, then renders:
-        'Normal componentWillUnmount',
-        'ErrorBoundary render error',
-        // Normal2 does not get lifefycle because it was never mounted
-        'ErrorBoundary componentDidUpdate',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish updating with null children
+            'Normal componentWillUnmount',
+            'ErrorBoundary componentDidUpdate',
+            // Handle the error
+            'ErrorBoundary unstable_handleError',
+            // Render the error message
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Stack unmounts first, then renders:
+            'Normal componentWillUnmount',
+            'ErrorBoundary render error',
+            // Normal2 does not get lifefycle because it was never mounted
+            'ErrorBoundary componentDidUpdate',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('catches if child throws in componentWillReceiveProps during update', () => {
@@ -1241,7 +1243,7 @@ describe('ReactErrorBoundaries', () => {
         <Normal />
         <BrokenComponentWillReceiveProps />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     log.length = 0;
@@ -1250,7 +1252,7 @@ describe('ReactErrorBoundaries', () => {
         <Normal />
         <BrokenComponentWillReceiveProps />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1262,31 +1264,31 @@ describe('ReactErrorBoundaries', () => {
       'Normal render',
       // BrokenComponentWillReceiveProps will abort rendering:
       'BrokenComponentWillReceiveProps componentWillReceiveProps [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish updating with null children
-        'Normal componentWillUnmount',
-        'BrokenComponentWillReceiveProps componentWillUnmount',
-        'ErrorBoundary componentDidUpdate',
-        // Handle the error
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Stack unmounts first, then renders:
-        'Normal componentWillUnmount',
-        'BrokenComponentWillReceiveProps componentWillUnmount',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish updating with null children
+            'Normal componentWillUnmount',
+            'BrokenComponentWillReceiveProps componentWillUnmount',
+            'ErrorBoundary componentDidUpdate',
+            // Handle the error
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Stack unmounts first, then renders:
+            'Normal componentWillUnmount',
+            'BrokenComponentWillReceiveProps componentWillUnmount',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('catches if child throws in componentWillUpdate during update', () => {
@@ -1296,7 +1298,7 @@ describe('ReactErrorBoundaries', () => {
         <Normal />
         <BrokenComponentWillUpdate />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     log.length = 0;
@@ -1305,7 +1307,7 @@ describe('ReactErrorBoundaries', () => {
         <Normal />
         <BrokenComponentWillUpdate />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1318,31 +1320,31 @@ describe('ReactErrorBoundaries', () => {
       // BrokenComponentWillUpdate will abort rendering:
       'BrokenComponentWillUpdate componentWillReceiveProps',
       'BrokenComponentWillUpdate componentWillUpdate [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish updating with null children
-        'Normal componentWillUnmount',
-        'BrokenComponentWillUpdate componentWillUnmount',
-        'ErrorBoundary componentDidUpdate',
-        // Handle the error
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Stack unmounts first, then renders:
-        'Normal componentWillUnmount',
-        'BrokenComponentWillUpdate componentWillUnmount',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish updating with null children
+            'Normal componentWillUnmount',
+            'BrokenComponentWillUpdate componentWillUnmount',
+            'ErrorBoundary componentDidUpdate',
+            // Handle the error
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Stack unmounts first, then renders:
+            'Normal componentWillUnmount',
+            'BrokenComponentWillUpdate componentWillUnmount',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('catches if child throws in render during update', () => {
@@ -1351,7 +1353,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     log.length = 0;
@@ -1361,7 +1363,7 @@ describe('ReactErrorBoundaries', () => {
         <Normal logName="Normal2" />
         <BrokenRender />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1379,30 +1381,30 @@ describe('ReactErrorBoundaries', () => {
       'BrokenRender constructor',
       'BrokenRender componentWillMount',
       'BrokenRender render [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish updating with null children
-        'Normal componentWillUnmount',
-        'ErrorBoundary componentDidUpdate',
-        // Handle the error
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Stack unmounts first, then renders:
-        'Normal componentWillUnmount',
-        'ErrorBoundary render error',
-        // Normal2 does not get lifefycle because it was never mounted
-        'ErrorBoundary componentDidUpdate',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish updating with null children
+            'Normal componentWillUnmount',
+            'ErrorBoundary componentDidUpdate',
+            // Handle the error
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Stack unmounts first, then renders:
+            'Normal componentWillUnmount',
+            'ErrorBoundary render error',
+            // Normal2 does not get lifefycle because it was never mounted
+            'ErrorBoundary componentDidUpdate',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('keeps refs up-to-date during updates', () => {
@@ -1421,7 +1423,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary errorMessageRef={errorMessageRef}>
         <div ref={child1Ref} />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(log).toEqual([
       'ErrorBoundary constructor',
@@ -1438,7 +1440,7 @@ describe('ReactErrorBoundaries', () => {
         <div ref={child2Ref} />
         <BrokenRender />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1449,20 +1451,22 @@ describe('ReactErrorBoundaries', () => {
       'BrokenRender constructor',
       'BrokenRender componentWillMount',
       'BrokenRender render [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Finish updating with null children
-        'Child1 ref is set to null',
-        'ErrorBoundary componentDidUpdate',
-        // Handle the error
-        'ErrorBoundary unstable_handleError',
-        'ErrorBoundary componentWillUpdate',
-        'ErrorBoundary render error',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Stack resets ref first, renders later
-        'Child1 ref is set to null',
-        'ErrorBoundary render error',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Finish updating with null children
+            'Child1 ref is set to null',
+            'ErrorBoundary componentDidUpdate',
+            // Handle the error
+            'ErrorBoundary unstable_handleError',
+            'ErrorBoundary componentWillUpdate',
+            'ErrorBoundary render error',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Stack resets ref first, renders later
+            'Child1 ref is set to null',
+            'ErrorBoundary render error',
+          ]),
       'Error message ref is set to [object HTMLDivElement]',
       // Child2 ref is never set because its mounting aborted
       'ErrorBoundary componentDidUpdate',
@@ -1484,7 +1488,7 @@ describe('ReactErrorBoundaries', () => {
         <BrokenComponentWillUnmount />
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     log.length = 0;
@@ -1492,7 +1496,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenComponentWillUnmount />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1505,40 +1509,40 @@ describe('ReactErrorBoundaries', () => {
       'BrokenComponentWillUnmount render',
       // Unmounting throws:
       'BrokenComponentWillUnmount componentWillUnmount [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Fiber proceeds with lifecycles despite errors
-        'Normal componentWillUnmount',
-        // The components have updated in this phase
-        'BrokenComponentWillUnmount componentDidUpdate',
-        'ErrorBoundary componentDidUpdate',
-        // Now that commit phase is done, Fiber unmounts the boundary's children
-        'BrokenComponentWillUnmount componentWillUnmount [!]',
-        'ErrorBoundary unstable_handleError',
-        // The initial render was aborted, so
-        // Fiber retries from the root.
-        'ErrorBoundary componentWillUpdate',
-        // Render an error now (stack will do it later)
-        'ErrorBoundary render error',
-        // Attempt to unmount previous child:
-        // Done
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        // Stack will handle error immediately
-        'ErrorBoundary unstable_handleError',
-        // Attempt to unmount previous children:
-        'BrokenComponentWillUnmount componentWillUnmount [!]',
-        'Normal componentWillUnmount',
-        // Render an error now (Fiber will do it earlier)
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Fiber proceeds with lifecycles despite errors
+            'Normal componentWillUnmount',
+            // The components have updated in this phase
+            'BrokenComponentWillUnmount componentDidUpdate',
+            'ErrorBoundary componentDidUpdate',
+            // Now that commit phase is done, Fiber unmounts the boundary's children
+            'BrokenComponentWillUnmount componentWillUnmount [!]',
+            'ErrorBoundary unstable_handleError',
+            // The initial render was aborted, so
+            // Fiber retries from the root.
+            'ErrorBoundary componentWillUpdate',
+            // Render an error now (stack will do it later)
+            'ErrorBoundary render error',
+            // Attempt to unmount previous child:
+            // Done
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            // Stack will handle error immediately
+            'ErrorBoundary unstable_handleError',
+            // Attempt to unmount previous children:
+            'BrokenComponentWillUnmount componentWillUnmount [!]',
+            'Normal componentWillUnmount',
+            // Render an error now (Fiber will do it earlier)
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('recovers from nested componentWillUnmount errors on update', () => {
@@ -1550,7 +1554,7 @@ describe('ReactErrorBoundaries', () => {
         </Normal>
         <BrokenComponentWillUnmount />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     log.length = 0;
@@ -1560,7 +1564,7 @@ describe('ReactErrorBoundaries', () => {
           <BrokenComponentWillUnmount />
         </Normal>
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
     expect(log).toEqual([
@@ -1576,38 +1580,38 @@ describe('ReactErrorBoundaries', () => {
       'BrokenComponentWillUnmount render',
       // Unmounting throws:
       'BrokenComponentWillUnmount componentWillUnmount [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Fiber proceeds with lifecycles despite errors
-        'BrokenComponentWillUnmount componentDidUpdate',
-        'Normal componentDidUpdate',
-        'ErrorBoundary componentDidUpdate',
-        'Normal componentWillUnmount',
-        'BrokenComponentWillUnmount componentWillUnmount [!]',
-        // Now that commit phase is done, Fiber handles errors
-        'ErrorBoundary unstable_handleError',
-        // The initial render was aborted, so
-        // Fiber retries from the root.
-        'ErrorBoundary componentWillUpdate',
-        // Render an error now (stack will do it later)
-        'ErrorBoundary render error',
-        // Done
-        'ErrorBoundary componentDidUpdate',
-      ] : [
-        'ErrorBoundary unstable_handleError',
-        // Attempt to unmount previous children:
-        'Normal componentWillUnmount',
-        'BrokenComponentWillUnmount componentWillUnmount [!]',
-        // Stack calls lifecycles first, then renders.
-        'ErrorBoundary render error',
-        'ErrorBoundary componentDidUpdate',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Fiber proceeds with lifecycles despite errors
+            'BrokenComponentWillUnmount componentDidUpdate',
+            'Normal componentDidUpdate',
+            'ErrorBoundary componentDidUpdate',
+            'Normal componentWillUnmount',
+            'BrokenComponentWillUnmount componentWillUnmount [!]',
+            // Now that commit phase is done, Fiber handles errors
+            'ErrorBoundary unstable_handleError',
+            // The initial render was aborted, so
+            // Fiber retries from the root.
+            'ErrorBoundary componentWillUpdate',
+            // Render an error now (stack will do it later)
+            'ErrorBoundary render error',
+            // Done
+            'ErrorBoundary componentDidUpdate',
+          ]
+        : [
+            'ErrorBoundary unstable_handleError',
+            // Attempt to unmount previous children:
+            'Normal componentWillUnmount',
+            'BrokenComponentWillUnmount componentWillUnmount [!]',
+            // Stack calls lifecycles first, then renders.
+            'ErrorBoundary render error',
+            'ErrorBoundary componentDidUpdate',
+          ]),
     ]);
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   it('picks the right boundary when handling unmounting errors', () => {
@@ -1620,20 +1624,29 @@ describe('ReactErrorBoundaries', () => {
 
     var container = document.createElement('div');
     ReactDOM.render(
-      <ErrorBoundary logName="OuterErrorBoundary" renderError={renderOuterError}>
-        <ErrorBoundary logName="InnerErrorBoundary" renderError={renderInnerError}>
+      <ErrorBoundary
+        logName="OuterErrorBoundary"
+        renderError={renderOuterError}>
+        <ErrorBoundary
+          logName="InnerErrorBoundary"
+          renderError={renderInnerError}>
           <BrokenComponentWillUnmount />
         </ErrorBoundary>
       </ErrorBoundary>,
-      container
+      container,
     );
 
     log.length = 0;
     ReactDOM.render(
-      <ErrorBoundary logName="OuterErrorBoundary" renderError={renderOuterError}>
-        <ErrorBoundary logName="InnerErrorBoundary" renderError={renderInnerError} />
+      <ErrorBoundary
+        logName="OuterErrorBoundary"
+        renderError={renderOuterError}>
+        <ErrorBoundary
+          logName="InnerErrorBoundary"
+          renderError={renderInnerError}
+        />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an inner error: Hello.');
     expect(log).toEqual([
@@ -1647,29 +1660,31 @@ describe('ReactErrorBoundaries', () => {
       'InnerErrorBoundary render success',
       // Try unmounting child
       'BrokenComponentWillUnmount componentWillUnmount [!]',
-      ...(ReactDOMFeatureFlags.useFiber ? [
-        // Fiber proceeds with lifecycles despite errors
-        // Inner and outer boundaries have updated in this phase
-        'InnerErrorBoundary componentDidUpdate',
-        'OuterErrorBoundary componentDidUpdate',
-        // Now that commit phase is done, Fiber handles errors
-        // Only inner boundary receives the error:
-        'InnerErrorBoundary unstable_handleError',
-        'InnerErrorBoundary componentWillUpdate',
-        // Render an error now
-        'InnerErrorBoundary render error',
-        // In Fiber, this was a local update to the
-        // inner boundary so only its hook fires
-        'InnerErrorBoundary componentDidUpdate',
-      ] : [
-        // Stack will handle error immediately
-        'InnerErrorBoundary unstable_handleError',
-        'InnerErrorBoundary render error',
-        // In stack, this was a part of the update to the
-        // outer boundary so both lifecycles fire
-        'InnerErrorBoundary componentDidUpdate',
-        'OuterErrorBoundary componentDidUpdate',
-      ]),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
+            // Fiber proceeds with lifecycles despite errors
+            // Inner and outer boundaries have updated in this phase
+            'InnerErrorBoundary componentDidUpdate',
+            'OuterErrorBoundary componentDidUpdate',
+            // Now that commit phase is done, Fiber handles errors
+            // Only inner boundary receives the error:
+            'InnerErrorBoundary unstable_handleError',
+            'InnerErrorBoundary componentWillUpdate',
+            // Render an error now
+            'InnerErrorBoundary render error',
+            // In Fiber, this was a local update to the
+            // inner boundary so only its hook fires
+            'InnerErrorBoundary componentDidUpdate',
+          ]
+        : [
+            // Stack will handle error immediately
+            'InnerErrorBoundary unstable_handleError',
+            'InnerErrorBoundary render error',
+            // In stack, this was a part of the update to the
+            // outer boundary so both lifecycles fire
+            'InnerErrorBoundary componentDidUpdate',
+            'OuterErrorBoundary componentDidUpdate',
+          ]),
     ]);
 
     log.length = 0;
@@ -1686,14 +1701,14 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenRender />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     ReactDOM.render(
       <ErrorBoundary>
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
     // Error boundary doesn't retry by itself:
     expect(container.textContent).toBe('Caught an error: Hello.');
@@ -1704,7 +1719,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary forceRetry={true}>
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).not.toContain('Caught an error');
     expect(log).toEqual([
@@ -1734,7 +1749,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenRender />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
 
@@ -1742,7 +1757,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         <BrokenRender />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
 
@@ -1752,7 +1767,7 @@ describe('ReactErrorBoundaries', () => {
     ReactDOM.unmountComponentAtNode(container);
   });
 
-  it('doesn\'t get into inconsistent state during removals', () => {
+  it("doesn't get into inconsistent state during removals", () => {
     var container = document.createElement('div');
     ReactDOM.render(
       <ErrorBoundary>
@@ -1760,7 +1775,7 @@ describe('ReactErrorBoundaries', () => {
         <BrokenComponentWillUnmount />
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
 
     ReactDOM.render(<ErrorBoundary />, container);
@@ -1768,12 +1783,10 @@ describe('ReactErrorBoundaries', () => {
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
-  it('doesn\'t get into inconsistent state during additions', () => {
+  it("doesn't get into inconsistent state during additions", () => {
     var container = document.createElement('div');
     ReactDOM.render(<ErrorBoundary />, container);
     ReactDOM.render(
@@ -1782,18 +1795,16 @@ describe('ReactErrorBoundaries', () => {
         <BrokenRender />
         <Normal />
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
-  it('doesn\'t get into inconsistent state during reorders', () => {
+  it("doesn't get into inconsistent state during reorders", () => {
     function getAMixOfNormalAndBrokenRenderElements() {
       var elements = [];
       for (var i = 0; i < 100; i++) {
@@ -1827,7 +1838,7 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         {getAMixOfNormalAndBrokenRenderElements()}
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).not.toContain('Caught an error');
 
@@ -1836,15 +1847,13 @@ describe('ReactErrorBoundaries', () => {
       <ErrorBoundary>
         {getAMixOfNormalAndBrokenRenderElements()}
       </ErrorBoundary>,
-      container
+      container,
     );
     expect(container.textContent).toBe('Caught an error: Hello.');
 
     log.length = 0;
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      'ErrorBoundary componentWillUnmount',
-    ]);
+    expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
   });
 
   // The tests below implement new features in Fiber.
@@ -1869,7 +1878,7 @@ describe('ReactErrorBoundaries', () => {
         <ErrorBoundary>
           <Stateful ref={inst => statefulInst = inst} />
         </ErrorBoundary>,
-        container
+        container,
       );
 
       log.length = 0;
@@ -1888,9 +1897,7 @@ describe('ReactErrorBoundaries', () => {
 
       log.length = 0;
       ReactDOM.unmountComponentAtNode(container);
-      expect(log).toEqual([
-        'ErrorBoundary componentWillUnmount',
-      ]);
+      expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
     });
 
     it('catches errors in componentDidMount', () => {
@@ -1903,7 +1910,7 @@ describe('ReactErrorBoundaries', () => {
           <BrokenComponentDidMount />
           <Normal logName="LastChild" />
         </ErrorBoundary>,
-        container
+        container,
       );
       expect(log).toEqual([
         'ErrorBoundary constructor',
@@ -1945,9 +1952,7 @@ describe('ReactErrorBoundaries', () => {
 
       log.length = 0;
       ReactDOM.unmountComponentAtNode(container);
-      expect(log).toEqual([
-        'ErrorBoundary componentWillUnmount',
-      ]);
+      expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
     });
 
     it('catches errors in componentDidUpdate', () => {
@@ -1956,7 +1961,7 @@ describe('ReactErrorBoundaries', () => {
         <ErrorBoundary>
           <BrokenComponentDidUpdate />
         </ErrorBoundary>,
-        container
+        container,
       );
 
       log.length = 0;
@@ -1964,7 +1969,7 @@ describe('ReactErrorBoundaries', () => {
         <ErrorBoundary>
           <BrokenComponentDidUpdate />
         </ErrorBoundary>,
-        container
+        container,
       );
       expect(log).toEqual([
         'ErrorBoundary componentWillReceiveProps',
@@ -1986,9 +1991,7 @@ describe('ReactErrorBoundaries', () => {
 
       log.length = 0;
       ReactDOM.unmountComponentAtNode(container);
-      expect(log).toEqual([
-        'ErrorBoundary componentWillUnmount',
-      ]);
+      expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
     });
 
     it('propagates errors inside boundary during componentDidMount', () => {
@@ -2000,9 +2003,10 @@ describe('ReactErrorBoundaries', () => {
               <div>
                 We should never catch our own error: {error.message}.
               </div>
-            )} />
+            )}
+          />
         </ErrorBoundary>,
-        container
+        container,
       );
       expect(container.firstChild.textContent).toBe('Caught an error: Hello.');
       expect(log).toEqual([
@@ -2026,9 +2030,7 @@ describe('ReactErrorBoundaries', () => {
 
       log.length = 0;
       ReactDOM.unmountComponentAtNode(container);
-      expect(log).toEqual([
-        'ErrorBoundary componentWillUnmount',
-      ]);
+      expect(log).toEqual(['ErrorBoundary componentWillUnmount']);
     });
 
     it('lets different boundaries catch their own first errors', () => {
@@ -2042,33 +2044,41 @@ describe('ReactErrorBoundaries', () => {
       var container = document.createElement('div');
       ReactDOM.render(
         <ErrorBoundary logName="OuterErrorBoundary">
-          <ErrorBoundary logName="InnerUnmountBoundary" renderError={renderUnmountError}>
+          <ErrorBoundary
+            logName="InnerUnmountBoundary"
+            renderError={renderUnmountError}>
             <BrokenComponentWillUnmount errorText="E1" />
             <BrokenComponentWillUnmount errorText="E2" />
           </ErrorBoundary>
-          <ErrorBoundary logName="InnerUpdateBoundary" renderError={renderUpdateError}>
+          <ErrorBoundary
+            logName="InnerUpdateBoundary"
+            renderError={renderUpdateError}>
             <BrokenComponentDidUpdate errorText="E3" />
             <BrokenComponentDidUpdate errorText="E4" />
           </ErrorBoundary>
         </ErrorBoundary>,
-        container
+        container,
       );
 
       log.length = 0;
       ReactDOM.render(
         <ErrorBoundary logName="OuterErrorBoundary">
-          <ErrorBoundary logName="InnerUnmountBoundary" renderError={renderUnmountError} />
-          <ErrorBoundary logName="InnerUpdateBoundary" renderError={renderUpdateError}>
+          <ErrorBoundary
+            logName="InnerUnmountBoundary"
+            renderError={renderUnmountError}
+          />
+          <ErrorBoundary
+            logName="InnerUpdateBoundary"
+            renderError={renderUpdateError}>
             <BrokenComponentDidUpdate errorText="E3" />
             <BrokenComponentDidUpdate errorText="E4" />
           </ErrorBoundary>
         </ErrorBoundary>,
-        container
+        container,
       );
 
       expect(container.firstChild.textContent).toBe(
-        'Caught an unmounting error: E1.' +
-        'Caught an updating error: E3.'
+        'Caught an unmounting error: E1.' + 'Caught an updating error: E3.',
       );
       expect(log).toEqual([
         // Begin update phase
@@ -2156,7 +2166,7 @@ describe('ReactErrorBoundaries', () => {
             <BrokenRender />
           </NoopErrorBoundary>
         </div>,
-        container
+        container,
       );
       expect(container.firstChild.textContent).toBe('Sibling');
       expect(log).toEqual([
@@ -2174,9 +2184,7 @@ describe('ReactErrorBoundaries', () => {
 
       log.length = 0;
       ReactDOM.unmountComponentAtNode(container);
-      expect(log).toEqual([
-        'NoopErrorBoundary componentWillUnmount',
-      ]);
+      expect(log).toEqual(['NoopErrorBoundary componentWillUnmount']);
     });
 
     it('passes first error when two errors happen in commit', () => {
@@ -2213,13 +2221,9 @@ describe('ReactErrorBoundaries', () => {
         caughtError = e;
       }
 
-      expect(errors).toEqual([
-        'child sad',
-        'parent sad',
-      ]);
+      expect(errors).toEqual(['child sad', 'parent sad']);
       // Error should be the first thrown
       expect(caughtError.message).toBe('child sad');
     });
   }
-
 });
diff --git a/src/renderers/__tests__/ReactHostOperationHistoryHook-test.js b/src/renderers/__tests__/ReactHostOperationHistoryHook-test.js
index d6c12a6f4c..b787fa13f5 100644
--- a/src/renderers/__tests__/ReactHostOperationHistoryHook-test.js
+++ b/src/renderers/__tests__/ReactHostOperationHistoryHook-test.js
@@ -51,13 +51,15 @@ describeStack('ReactHostOperationHistoryHook', () => {
       ReactDOM.render(<div><p>Hi.</p></div>, node);
 
       var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'mount',
-        payload: ReactDOMFeatureFlags.useCreateElement ?
-          'DIV' :
-          '<div data-reactroot="" data-reactid="1"><p data-reactid="2">Hi.</p></div>',
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'mount',
+          payload: ReactDOMFeatureFlags.useCreateElement
+            ? 'DIV'
+            : '<div data-reactroot="" data-reactid="1"><p data-reactid="2">Hi.</p></div>',
+        },
+      ]);
     });
 
     it('gets recorded for composite roots', () => {
@@ -70,14 +72,16 @@ describeStack('ReactHostOperationHistoryHook', () => {
       ReactDOM.render(<Foo />, node);
 
       var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'mount',
-        payload: ReactDOMFeatureFlags.useCreateElement ?
-          'DIV' :
-          '<div data-reactroot="" data-reactid="1">' +
-          '<p data-reactid="2">Hi.</p></div>',
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'mount',
+          payload: ReactDOMFeatureFlags.useCreateElement
+            ? 'DIV'
+            : '<div data-reactroot="" data-reactid="1">' +
+                '<p data-reactid="2">Hi.</p></div>',
+        },
+      ]);
     });
 
     it('gets ignored for composite roots that return null', () => {
@@ -111,11 +115,13 @@ describeStack('ReactHostOperationHistoryHook', () => {
 
       // Since empty components should be invisible to hooks,
       // we record a "mount" event rather than a "replace with".
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'mount',
-        payload: 'SPAN',
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'mount',
+          payload: 'SPAN',
+        },
+      ]);
     });
   });
 
@@ -124,32 +130,42 @@ describeStack('ReactHostOperationHistoryHook', () => {
       var node = document.createElement('div');
 
       ReactHostOperationHistoryHook._preventClearing = true;
-      ReactDOM.render(<div style={{
-        color: 'red',
-        backgroundColor: 'yellow',
-      }} />, node);
+      ReactDOM.render(
+        <div
+          style={{
+            color: 'red',
+            backgroundColor: 'yellow',
+          }}
+        />,
+        node,
+      );
 
       var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
       if (ReactDOMFeatureFlags.useCreateElement) {
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'update styles',
-          payload: {
-            color: 'red',
-            backgroundColor: 'yellow',
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'update styles',
+            payload: {
+              color: 'red',
+              backgroundColor: 'yellow',
+            },
           },
-        }, {
-          instanceID: inst._debugID,
-          type: 'mount',
-          payload: 'DIV',
-        }]);
+          {
+            instanceID: inst._debugID,
+            type: 'mount',
+            payload: 'DIV',
+          },
+        ]);
       } else {
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'mount',
-          payload: '<div style="color:red;background-color:yellow;" ' +
-          'data-reactroot="" data-reactid="1"></div>',
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'mount',
+            payload: '<div style="color:red;background-color:yellow;" ' +
+              'data-reactroot="" data-reactid="1"></div>',
+          },
+        ]);
       }
     });
 
@@ -159,31 +175,41 @@ describeStack('ReactHostOperationHistoryHook', () => {
       var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
 
       ReactHostOperationHistoryHook._preventClearing = true;
-      ReactDOM.render(<div style={{ color: 'red' }} />, node);
-      ReactDOM.render(<div style={{
-        color: 'blue',
-        backgroundColor: 'yellow',
-      }} />, node);
-      ReactDOM.render(<div style={{ backgroundColor: 'green' }} />, node);
+      ReactDOM.render(<div style={{color: 'red'}} />, node);
+      ReactDOM.render(
+        <div
+          style={{
+            color: 'blue',
+            backgroundColor: 'yellow',
+          }}
+        />,
+        node,
+      );
+      ReactDOM.render(<div style={{backgroundColor: 'green'}} />, node);
       ReactDOM.render(<div />, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'update styles',
-        payload: { color: 'red' },
-      }, {
-        instanceID: inst._debugID,
-        type: 'update styles',
-        payload: { color: 'blue', backgroundColor: 'yellow' },
-      }, {
-        instanceID: inst._debugID,
-        type: 'update styles',
-        payload: { color: '', backgroundColor: 'green' },
-      }, {
-        instanceID: inst._debugID,
-        type: 'update styles',
-        payload: { backgroundColor: '' },
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'update styles',
+          payload: {color: 'red'},
+        },
+        {
+          instanceID: inst._debugID,
+          type: 'update styles',
+          payload: {color: 'blue', backgroundColor: 'yellow'},
+        },
+        {
+          instanceID: inst._debugID,
+          type: 'update styles',
+          payload: {color: '', backgroundColor: 'green'},
+        },
+        {
+          instanceID: inst._debugID,
+          type: 'update styles',
+          payload: {backgroundColor: ''},
+        },
+      ]);
     });
 
     it('gets ignored if the styles are shallowly equal', () => {
@@ -192,23 +218,35 @@ describeStack('ReactHostOperationHistoryHook', () => {
       var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
 
       ReactHostOperationHistoryHook._preventClearing = true;
-      ReactDOM.render(<div style={{
-        color: 'red',
-        backgroundColor: 'yellow',
-      }} />, node);
-      ReactDOM.render(<div style={{
-        color: 'red',
-        backgroundColor: 'yellow',
-      }} />, node);
+      ReactDOM.render(
+        <div
+          style={{
+            color: 'red',
+            backgroundColor: 'yellow',
+          }}
+        />,
+        node,
+      );
+      ReactDOM.render(
+        <div
+          style={{
+            color: 'red',
+            backgroundColor: 'yellow',
+          }}
+        />,
+        node,
+      );
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'update styles',
-        payload: {
-          color: 'red',
-          backgroundColor: 'yellow',
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'update styles',
+          payload: {
+            color: 'red',
+            backgroundColor: 'yellow',
+          },
         },
-      }]);
+      ]);
     });
   });
 
@@ -222,26 +260,32 @@ describeStack('ReactHostOperationHistoryHook', () => {
 
         var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
         if (ReactDOMFeatureFlags.useCreateElement) {
-          assertHistoryMatches([{
-            instanceID: inst._debugID,
-            type: 'update attribute',
-            payload: { className: 'rad' },
-          }, {
-            instanceID: inst._debugID,
-            type: 'update attribute',
-            payload: { tabIndex: 42 },
-          }, {
-            instanceID: inst._debugID,
-            type: 'mount',
-            payload: 'DIV',
-          }]);
+          assertHistoryMatches([
+            {
+              instanceID: inst._debugID,
+              type: 'update attribute',
+              payload: {className: 'rad'},
+            },
+            {
+              instanceID: inst._debugID,
+              type: 'update attribute',
+              payload: {tabIndex: 42},
+            },
+            {
+              instanceID: inst._debugID,
+              type: 'mount',
+              payload: 'DIV',
+            },
+          ]);
         } else {
-          assertHistoryMatches([{
-            instanceID: inst._debugID,
-            type: 'mount',
-            payload: '<div class="rad" tabindex="42" data-reactroot="" ' +
-            'data-reactid="1"></div>',
-          }]);
+          assertHistoryMatches([
+            {
+              instanceID: inst._debugID,
+              type: 'mount',
+              payload: '<div class="rad" tabindex="42" data-reactroot="" ' +
+                'data-reactid="1"></div>',
+            },
+          ]);
         }
       });
 
@@ -255,27 +299,33 @@ describeStack('ReactHostOperationHistoryHook', () => {
         ReactDOM.render(<div className="mad" tabIndex={42} />, node);
         ReactDOM.render(<div tabIndex={43} />, node);
 
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { className: 'rad' },
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { className: 'mad' },
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { tabIndex: 42 },
-        }, {
-          instanceID: inst._debugID,
-          type: 'remove attribute',
-          payload: 'className',
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { tabIndex: 43 },
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {className: 'rad'},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {className: 'mad'},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {tabIndex: 42},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'remove attribute',
+            payload: 'className',
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {tabIndex: 43},
+          },
+        ]);
       });
     });
 
@@ -289,15 +339,18 @@ describeStack('ReactHostOperationHistoryHook', () => {
         ReactDOM.render(<div disabled={true} />, node);
         ReactDOM.render(<div disabled={false} />, node);
 
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { disabled: true },
-        }, {
-          instanceID: inst._debugID,
-          type: 'remove attribute',
-          payload: 'disabled',
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {disabled: true},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'remove attribute',
+            payload: 'disabled',
+          },
+        ]);
       });
     });
 
@@ -310,26 +363,32 @@ describeStack('ReactHostOperationHistoryHook', () => {
 
         var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
         if (ReactDOMFeatureFlags.useCreateElement) {
-          assertHistoryMatches([{
-            instanceID: inst._debugID,
-            type: 'update attribute',
-            payload: { 'data-x': 'rad' },
-          }, {
-            instanceID: inst._debugID,
-            type: 'update attribute',
-            payload: { 'data-y': 42 },
-          }, {
-            instanceID: inst._debugID,
-            type: 'mount',
-            payload: 'DIV',
-          }]);
+          assertHistoryMatches([
+            {
+              instanceID: inst._debugID,
+              type: 'update attribute',
+              payload: {'data-x': 'rad'},
+            },
+            {
+              instanceID: inst._debugID,
+              type: 'update attribute',
+              payload: {'data-y': 42},
+            },
+            {
+              instanceID: inst._debugID,
+              type: 'mount',
+              payload: 'DIV',
+            },
+          ]);
         } else {
-          assertHistoryMatches([{
-            instanceID: inst._debugID,
-            type: 'mount',
-            payload: '<div data-x="rad" data-y="42" data-reactroot="" ' +
-            'data-reactid="1"></div>',
-          }]);
+          assertHistoryMatches([
+            {
+              instanceID: inst._debugID,
+              type: 'mount',
+              payload: '<div data-x="rad" data-y="42" data-reactroot="" ' +
+                'data-reactid="1"></div>',
+            },
+          ]);
         }
       });
 
@@ -343,27 +402,33 @@ describeStack('ReactHostOperationHistoryHook', () => {
         ReactDOM.render(<div data-x="mad" data-y={42} />, node);
         ReactDOM.render(<div data-y={43} />, node);
 
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { 'data-x': 'rad' },
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { 'data-x': 'mad' },
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { 'data-y': 42 },
-        }, {
-          instanceID: inst._debugID,
-          type: 'remove attribute',
-          payload: 'data-x',
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { 'data-y': 43 },
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {'data-x': 'rad'},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {'data-x': 'mad'},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {'data-y': 42},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'remove attribute',
+            payload: 'data-x',
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {'data-y': 43},
+          },
+        ]);
       });
     });
 
@@ -376,26 +441,32 @@ describeStack('ReactHostOperationHistoryHook', () => {
 
         var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
         if (ReactDOMFeatureFlags.useCreateElement) {
-          assertHistoryMatches([{
-            instanceID: inst._debugID,
-            type: 'update attribute',
-            payload: { className: 'rad' },
-          }, {
-            instanceID: inst._debugID,
-            type: 'update attribute',
-            payload: { tabIndex: 42 },
-          }, {
-            instanceID: inst._debugID,
-            type: 'mount',
-            payload: 'MY-COMPONENT',
-          }]);
+          assertHistoryMatches([
+            {
+              instanceID: inst._debugID,
+              type: 'update attribute',
+              payload: {className: 'rad'},
+            },
+            {
+              instanceID: inst._debugID,
+              type: 'update attribute',
+              payload: {tabIndex: 42},
+            },
+            {
+              instanceID: inst._debugID,
+              type: 'mount',
+              payload: 'MY-COMPONENT',
+            },
+          ]);
         } else {
-          assertHistoryMatches([{
-            instanceID: inst._debugID,
-            type: 'mount',
-            payload: '<my-component className="rad" tabIndex="42" ' +
-            'data-reactroot="" data-reactid="1"></my-component>',
-          }]);
+          assertHistoryMatches([
+            {
+              instanceID: inst._debugID,
+              type: 'mount',
+              payload: '<my-component className="rad" tabIndex="42" ' +
+                'data-reactroot="" data-reactid="1"></my-component>',
+            },
+          ]);
         }
       });
 
@@ -409,27 +480,33 @@ describeStack('ReactHostOperationHistoryHook', () => {
         ReactDOM.render(<my-component className="mad" tabIndex={42} />, node);
         ReactDOM.render(<my-component tabIndex={43} />, node);
 
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { className: 'rad' },
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { className: 'mad' },
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { tabIndex: 42 },
-        }, {
-          instanceID: inst._debugID,
-          type: 'remove attribute',
-          payload: 'className',
-        }, {
-          instanceID: inst._debugID,
-          type: 'update attribute',
-          payload: { tabIndex: 43 },
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {className: 'rad'},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {className: 'mad'},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {tabIndex: 42},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'remove attribute',
+            payload: 'className',
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'update attribute',
+            payload: {tabIndex: 43},
+          },
+        ]);
       });
     });
   });
@@ -444,26 +521,33 @@ describeStack('ReactHostOperationHistoryHook', () => {
         ReactHostOperationHistoryHook._preventClearing = true;
         ReactDOM.render(<div>Bye.</div>, node);
 
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'replace text',
-          payload: 'Bye.',
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'replace text',
+            payload: 'Bye.',
+          },
+        ]);
       });
 
       it('gets recorded during an update from html', () => {
         var node = document.createElement('div');
-        ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 'Hi.'}} />, node);
+        ReactDOM.render(
+          <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />,
+          node,
+        );
         var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
 
         ReactHostOperationHistoryHook._preventClearing = true;
         ReactDOM.render(<div>Bye.</div>, node);
 
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'replace text',
-          payload: 'Bye.',
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'replace text',
+            payload: 'Bye.',
+          },
+        ]);
       });
 
       it('gets recorded during an update from children', () => {
@@ -474,19 +558,23 @@ describeStack('ReactHostOperationHistoryHook', () => {
         ReactHostOperationHistoryHook._preventClearing = true;
         ReactDOM.render(<div>Bye.</div>, node);
 
-        assertHistoryMatches([{
-          instanceID: inst._debugID,
-          type: 'remove child',
-          payload: {fromIndex: 0},
-        }, {
-          instanceID: inst._debugID,
-          type: 'remove child',
-          payload: {fromIndex: 1},
-        }, {
-          instanceID: inst._debugID,
-          type: 'replace text',
-          payload: 'Bye.',
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst._debugID,
+            type: 'remove child',
+            payload: {fromIndex: 0},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'remove child',
+            payload: {fromIndex: 1},
+          },
+          {
+            instanceID: inst._debugID,
+            type: 'replace text',
+            payload: 'Bye.',
+          },
+        ]);
       });
 
       it('gets ignored if new text is equal', () => {
@@ -504,21 +592,28 @@ describeStack('ReactHostOperationHistoryHook', () => {
       it('gets recorded during an update', () => {
         var node = document.createElement('div');
         ReactDOM.render(<div>{'Hi.'}{42}</div>, node);
-        var inst1 = ReactDOMComponentTree.getInstanceFromNode(node.firstChild.childNodes[0]);
-        var inst2 = ReactDOMComponentTree.getInstanceFromNode(node.firstChild.childNodes[3]);
+        var inst1 = ReactDOMComponentTree.getInstanceFromNode(
+          node.firstChild.childNodes[0],
+        );
+        var inst2 = ReactDOMComponentTree.getInstanceFromNode(
+          node.firstChild.childNodes[3],
+        );
 
         ReactHostOperationHistoryHook._preventClearing = true;
         ReactDOM.render(<div>{'Bye.'}{43}</div>, node);
 
-        assertHistoryMatches([{
-          instanceID: inst1._debugID,
-          type: 'replace text',
-          payload: 'Bye.',
-        }, {
-          instanceID: inst2._debugID,
-          type: 'replace text',
-          payload: '43',
-        }]);
+        assertHistoryMatches([
+          {
+            instanceID: inst1._debugID,
+            type: 'replace text',
+            payload: 'Bye.',
+          },
+          {
+            instanceID: inst2._debugID,
+            type: 'replace text',
+            payload: '43',
+          },
+        ]);
       });
 
       it('gets ignored if new text is equal', () => {
@@ -550,11 +645,13 @@ describeStack('ReactHostOperationHistoryHook', () => {
       ReactHostOperationHistoryHook._preventClearing = true;
       ReactDOM.render(<Foo />, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'replace with',
-        payload: 'SPAN',
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'replace with',
+          payload: 'SPAN',
+        },
+      ]);
     });
 
     it('gets recorded when composite renders to null after a native', () => {
@@ -573,11 +670,13 @@ describeStack('ReactHostOperationHistoryHook', () => {
       ReactHostOperationHistoryHook._preventClearing = true;
       ReactDOM.render(<Foo />, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'replace with',
-        payload: '#comment',
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'replace with',
+          payload: '#comment',
+        },
+      ]);
     });
 
     it('gets ignored if the type has not changed', () => {
@@ -606,37 +705,32 @@ describeStack('ReactHostOperationHistoryHook', () => {
       var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
 
       ReactHostOperationHistoryHook._preventClearing = true;
-      ReactDOM.render(
-        <div dangerouslySetInnerHTML={{__html: 'Bye.'}} />,
-        node
-      );
+      ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 'Bye.'}} />, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'replace children',
-        payload: 'Bye.',
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'replace children',
+          payload: 'Bye.',
+        },
+      ]);
     });
 
     it('gets recorded during an update from html', () => {
       var node = document.createElement('div');
-      ReactDOM.render(
-        <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />,
-        node
-      );
+      ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 'Hi.'}} />, node);
       var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
 
       ReactHostOperationHistoryHook._preventClearing = true;
-      ReactDOM.render(
-        <div dangerouslySetInnerHTML={{__html: 'Bye.'}} />,
-        node
-      );
+      ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 'Bye.'}} />, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'replace children',
-        payload: 'Bye.',
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'replace children',
+          payload: 'Bye.',
+        },
+      ]);
     });
 
     it('gets recorded during an update from children', () => {
@@ -645,38 +739,33 @@ describeStack('ReactHostOperationHistoryHook', () => {
       var inst = ReactDOMComponentTree.getInstanceFromNode(node.firstChild);
 
       ReactHostOperationHistoryHook._preventClearing = true;
-      ReactDOM.render(
-        <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />,
-        node
-      );
+      ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 'Hi.'}} />, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'remove child',
-        payload: {fromIndex: 0},
-      }, {
-        instanceID: inst._debugID,
-        type: 'remove child',
-        payload: {fromIndex: 1},
-      }, {
-        instanceID: inst._debugID,
-        type: 'replace children',
-        payload: 'Hi.',
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'remove child',
+          payload: {fromIndex: 0},
+        },
+        {
+          instanceID: inst._debugID,
+          type: 'remove child',
+          payload: {fromIndex: 1},
+        },
+        {
+          instanceID: inst._debugID,
+          type: 'replace children',
+          payload: 'Hi.',
+        },
+      ]);
     });
 
     it('gets ignored if new html is equal', () => {
       var node = document.createElement('div');
-      ReactDOM.render(
-        <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />,
-        node
-      );
+      ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 'Hi.'}} />, node);
 
       ReactHostOperationHistoryHook._preventClearing = true;
-      ReactDOM.render(
-        <div dangerouslySetInnerHTML={{__html: 'Hi.'}} />,
-        node
-      );
+      ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 'Hi.'}} />, node);
 
       assertHistoryMatches([]);
     });
@@ -691,11 +780,13 @@ describeStack('ReactHostOperationHistoryHook', () => {
       ReactHostOperationHistoryHook._preventClearing = true;
       ReactDOM.render(<div><span /><p /></div>, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'insert child',
-        payload: {toIndex: 1, content: 'P'},
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'insert child',
+          payload: {toIndex: 1, content: 'P'},
+        },
+      ]);
     });
   });
 
@@ -708,11 +799,13 @@ describeStack('ReactHostOperationHistoryHook', () => {
       ReactHostOperationHistoryHook._preventClearing = true;
       ReactDOM.render(<div><p key="b" /><span key="a" /></div>, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'move child',
-        payload: {fromIndex: 0, toIndex: 1},
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'move child',
+          payload: {fromIndex: 0, toIndex: 1},
+        },
+      ]);
     });
   });
 
@@ -725,11 +818,13 @@ describeStack('ReactHostOperationHistoryHook', () => {
       ReactHostOperationHistoryHook._preventClearing = true;
       ReactDOM.render(<div><span key="a" /></div>, node);
 
-      assertHistoryMatches([{
-        instanceID: inst._debugID,
-        type: 'remove child',
-        payload: {fromIndex: 1},
-      }]);
+      assertHistoryMatches([
+        {
+          instanceID: inst._debugID,
+          type: 'remove child',
+          payload: {fromIndex: 1},
+        },
+      ]);
     });
   });
 });
diff --git a/src/renderers/__tests__/ReactIdentity-test.js b/src/renderers/__tests__/ReactIdentity-test.js
index bb82a9d611..e25f1ff049 100644
--- a/src/renderers/__tests__/ReactIdentity-test.js
+++ b/src/renderers/__tests__/ReactIdentity-test.js
@@ -17,7 +17,6 @@ var ReactFragment;
 var ReactTestUtils;
 
 describe('ReactIdentity', () => {
-
   beforeEach(() => {
     jest.resetModules();
     React = require('react');
@@ -32,11 +31,12 @@ describe('ReactIdentity', () => {
 
   it('should allow key property to express identity', () => {
     var node;
-    var Component = (props) =>
-      <div ref={(c) => node = c}>
+    var Component = props => (
+      <div ref={c => node = c}>
         <div key={props.swap ? 'banana' : 'apple'} />
         <div key={props.swap ? 'apple' : 'banana'} />
-      </div>;
+      </div>
+    );
 
     var container = document.createElement('div');
     ReactDOM.render(<Component />, container);
@@ -58,12 +58,12 @@ describe('ReactIdentity', () => {
     var node1;
     var node2;
     ReactDOM.render(
-      <Wrapper key="wrap1"><span ref={(c) => node1 = c} /></Wrapper>,
-      container
+      <Wrapper key="wrap1"><span ref={c => node1 = c} /></Wrapper>,
+      container,
     );
     ReactDOM.render(
-      <Wrapper key="wrap2"><span ref={(c) => node2 = c} /></Wrapper>,
-      container
+      <Wrapper key="wrap2"><span ref={c => node2 = c} /></Wrapper>,
+      container,
     );
 
     expect(node1).not.toBe(node2);
@@ -91,10 +91,7 @@ describe('ReactIdentity', () => {
 
   it('should allow any character as a key, in a detached parent', () => {
     var detachedContainer = document.createElement('div');
-    renderAComponentWithKeyIntoContainer(
-      "<'WEIRD/&\\key'>",
-      detachedContainer
-    );
+    renderAComponentWithKeyIntoContainer("<'WEIRD/&\\key'>", detachedContainer);
   });
 
   it('should allow any character as a key, in an attached parent', () => {
@@ -103,17 +100,13 @@ describe('ReactIdentity', () => {
     var attachedContainer = document.createElement('div');
     document.body.appendChild(attachedContainer);
 
-    renderAComponentWithKeyIntoContainer(
-      "<'WEIRD/&\\key'>",
-      attachedContainer
-    );
+    renderAComponentWithKeyIntoContainer("<'WEIRD/&\\key'>", attachedContainer);
 
     document.body.removeChild(attachedContainer);
   });
 
   it('should not allow scripts in keys to execute', () => {
-    var h4x0rKey =
-      '"><script>window[\'YOUVEBEENH4X0RED\']=true;</script><div id="';
+    var h4x0rKey = '"><script>window[\'YOUVEBEENH4X0RED\']=true;</script><div id="';
 
     var attachedContainer = document.createElement('div');
     document.body.appendChild(attachedContainer);
@@ -150,9 +143,7 @@ describe('ReactIdentity', () => {
     }
 
     expect(function() {
-
       ReactTestUtils.renderIntoDocument(<TestContainer />);
-
     }).not.toThrow();
   });
 
@@ -184,9 +175,7 @@ describe('ReactIdentity', () => {
     }
 
     expect(function() {
-
       ReactTestUtils.renderIntoDocument(<TestContainer />);
-
     }).not.toThrow();
   });
 
@@ -209,9 +198,7 @@ describe('ReactIdentity', () => {
     }
 
     expect(function() {
-
       ReactTestUtils.renderIntoDocument(<TestContainer />);
-
     }).not.toThrow();
   });
 
@@ -258,16 +245,15 @@ describe('ReactIdentity', () => {
   });
 
   it('should not allow implicit and explicit keys to collide', () => {
-    var component =
+    var component = (
       <div>
         <span />
         <span key="0" />
-      </div>;
+      </div>
+    );
 
     expect(function() {
       ReactTestUtils.renderIntoDocument(component);
     }).not.toThrow();
   });
-
-
 });
diff --git a/src/renderers/__tests__/ReactMockedComponent-test.js b/src/renderers/__tests__/ReactMockedComponent-test.js
index bb924cfbe2..38083e4f9c 100644
--- a/src/renderers/__tests__/ReactMockedComponent-test.js
+++ b/src/renderers/__tests__/ReactMockedComponent-test.js
@@ -18,13 +18,16 @@ var AutoMockedComponent;
 var MockedComponent;
 
 describe('ReactMockedComponent', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactTestUtils = require('ReactTestUtils');
 
-    AutoMockedComponent = jest.genMockFromModule('ReactMockedComponentTestComponent');
-    MockedComponent = jest.genMockFromModule('ReactMockedComponentTestComponent');
+    AutoMockedComponent = jest.genMockFromModule(
+      'ReactMockedComponentTestComponent',
+    );
+    MockedComponent = jest.genMockFromModule(
+      'ReactMockedComponentTestComponent',
+    );
 
     ReactTestUtils.mockComponent(MockedComponent);
   });
@@ -52,7 +55,7 @@ describe('ReactMockedComponent', () => {
 
     var found = ReactTestUtils.findRenderedComponentWithType(
       instance,
-      AutoMockedComponent
+      AutoMockedComponent,
     );
     expect(typeof found).toBe('object');
 
@@ -85,7 +88,7 @@ describe('ReactMockedComponent', () => {
 
     var found = ReactTestUtils.findRenderedComponentWithType(
       instance,
-      MockedComponent
+      MockedComponent,
     );
     expect(typeof found).toBe('object');
 
@@ -96,5 +99,4 @@ describe('ReactMockedComponent', () => {
     var instance = ReactTestUtils.renderIntoDocument(<MockedComponent />);
     expect(typeof instance.hasCustomMethod).toBe('function');
   });
-
 });
diff --git a/src/renderers/__tests__/ReactMultiChild-test.js b/src/renderers/__tests__/ReactMultiChild-test.js
index 3fee4e0915..2a78651a4d 100644
--- a/src/renderers/__tests__/ReactMultiChild-test.js
+++ b/src/renderers/__tests__/ReactMultiChild-test.js
@@ -119,7 +119,7 @@ describe('ReactMultiChild', () => {
 
       ReactDOM.render(
         <WrapperComponent><MockComponent /></WrapperComponent>,
-        container
+        container,
       );
 
       expect(mockMount.mock.calls.length).toBe(1);
@@ -177,25 +177,24 @@ describe('ReactMultiChild', () => {
         }
       }
 
-      ReactDOM.render(
-        <Parent>{[<div key="1" />]}</Parent>,
-        container
-      );
+      ReactDOM.render(<Parent>{[<div key="1" />]}</Parent>, container);
 
       ReactDOM.render(
         <Parent>{[<div key="1" />, <div key="1" />]}</Parent>,
-        container
+        container,
       );
 
       expectDev(console.error.calls.count()).toBe(1);
-      expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toContain(
+      expectDev(
+        normalizeCodeLocInfo(console.error.calls.argsFor(0)[0]),
+      ).toContain(
         'Encountered two children with the same key, `1`. ' +
-        'Child keys must be unique; when two children share a key, ' +
-        'only the first child will be used.\n' +
-        '    in div (at **)\n' +
-        '    in WrapperComponent (at **)\n' +
-        '    in div (at **)\n' +
-        '    in Parent (at **)'
+          'Child keys must be unique; when two children share a key, ' +
+          'only the first child will be used.\n' +
+          '    in div (at **)\n' +
+          '    in WrapperComponent (at **)\n' +
+          '    in div (at **)\n' +
+          '    in Parent (at **)',
       );
     });
 
@@ -242,23 +241,25 @@ describe('ReactMultiChild', () => {
 
       ReactDOM.render(
         <Parent>{createIterable([<div key="1" />])}</Parent>,
-        container
+        container,
       );
 
       ReactDOM.render(
         <Parent>{createIterable([<div key="1" />, <div key="1" />])}</Parent>,
-        container
+        container,
       );
 
       expectDev(console.error.calls.count()).toBe(1);
-      expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toContain(
+      expectDev(
+        normalizeCodeLocInfo(console.error.calls.argsFor(0)[0]),
+      ).toContain(
         'Encountered two children with the same key, `1`. ' +
-        'Child keys must be unique; when two children share a key, ' +
-        'only the first child will be used.\n' +
-        '    in div (at **)\n' +
-        '    in WrapperComponent (at **)\n' +
-        '    in div (at **)\n' +
-        '    in Parent (at **)'
+          'Child keys must be unique; when two children share a key, ' +
+          'only the first child will be used.\n' +
+          '    in div (at **)\n' +
+          '    in WrapperComponent (at **)\n' +
+          '    in div (at **)\n' +
+          '    in Parent (at **)',
       );
     });
   });
@@ -267,9 +268,7 @@ describe('ReactMultiChild', () => {
     spyOn(console, 'error');
     class Parent extends React.Component {
       render() {
-        return (
-          <div>{new Map([['foo', 0], ['bar', 1]])}</div>
-        );
+        return <div>{new Map([['foo', 0], ['bar', 1]])}</div>;
       }
     }
     var container = document.createElement('div');
@@ -277,8 +276,8 @@ describe('ReactMultiChild', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: Using Maps as children is unsupported and will likely yield ' +
-      'unexpected results. Convert it to a sequence/iterable of keyed ' +
-      'ReactElements instead.\n\nCheck the render method of `Parent`.'
+        'unexpected results. Convert it to a sequence/iterable of keyed ' +
+        'ReactElements instead.\n\nCheck the render method of `Parent`.',
     );
   });
 
@@ -303,7 +302,7 @@ describe('ReactMultiChild', () => {
     class Letters extends React.Component {
       render() {
         const letters = this.props.letters.split('');
-        return <div>{letters.map((c) => <Letter key={c} char={c} />)}</div>;
+        return <div>{letters.map(c => <Letter key={c} char={c} />)}</div>;
       }
     }
 
@@ -337,8 +336,8 @@ describe('ReactMultiChild', () => {
 
     // These are reference-unequal so they will be swapped even if they have
     // matching keys
-    var SpyA = (props) => <Spy {...props} />;
-    var SpyB = (props) => <Spy {...props} />;
+    var SpyA = props => <Spy {...props} />;
+    var SpyB = props => <Spy {...props} />;
 
     var container = document.createElement('div');
     ReactDOM.render(
@@ -346,14 +345,14 @@ describe('ReactMultiChild', () => {
         <SpyA key="one" name="oneA" />
         <SpyA key="two" name="twoA" />
       </div>,
-      container
+      container,
     );
     ReactDOM.render(
       <div>
         <SpyB key="one" name="oneB" />
         <SpyB key="two" name="twoB" />
       </div>,
-      container
+      container,
     );
 
     expect(log).toEqual([
@@ -364,9 +363,8 @@ describe('ReactMultiChild', () => {
       'oneA componentDidMount',
       'twoA componentDidMount',
 
-      ...(
-        ReactDOMFeatureFlags.useFiber
-          ? [
+      ...(ReactDOMFeatureFlags.useFiber
+        ? [
             'oneB componentWillMount',
             'oneB render',
             'twoB componentWillMount',
@@ -374,19 +372,17 @@ describe('ReactMultiChild', () => {
             'oneA componentWillUnmount',
             'twoA componentWillUnmount',
           ]
-          : [
+        : [
             'oneB componentWillMount',
             'oneB render',
             'oneA componentWillUnmount',
             'twoB componentWillMount',
             'twoB render',
             'twoA componentWillUnmount',
-          ]
-      ),
+          ]),
 
       'oneB componentDidMount',
       'twoB componentDidMount',
     ]);
   });
-
 });
diff --git a/src/renderers/__tests__/ReactMultiChildReconcile-test.js b/src/renderers/__tests__/ReactMultiChildReconcile-test.js
index b8d7b94e3a..a6f7a9af65 100644
--- a/src/renderers/__tests__/ReactMultiChildReconcile-test.js
+++ b/src/renderers/__tests__/ReactMultiChildReconcile-test.js
@@ -119,14 +119,15 @@ class FriendsStatusDisplay extends React.Component {
     for (var key in this.props.usernameToStatus) {
       var status = this.props.usernameToStatus[key];
       children.push(
-        !status ? null :
-        <StatusDisplay
-          key={key}
-          ref={key}
-          contentKey={key}
-          onFlush={this.verifyPreviousRefsResolved.bind(this, key)}
-          status={status}
-        />
+        !status
+          ? null
+          : <StatusDisplay
+              key={key}
+              ref={key}
+              contentKey={key}
+              onFlush={this.verifyPreviousRefsResolved.bind(this, key)}
+              status={status}
+            />,
       );
     }
     var childrenToRender = this.props.prepareChildren(children);
@@ -138,12 +139,14 @@ class FriendsStatusDisplay extends React.Component {
   }
 }
 
-
 function getInternalStateByUserName(statusDisplays) {
-  return Object.keys(statusDisplays).reduce((acc, key) => {
-    acc[key] = statusDisplays[key].getInternalState();
-    return acc;
-  }, {});
+  return Object.keys(statusDisplays).reduce(
+    (acc, key) => {
+      acc[key] = statusDisplays[key].getInternalState();
+      return acc;
+    },
+    {},
+  );
 }
 
 /**
@@ -155,14 +158,16 @@ function verifyStatuses(statusDisplays, props) {
   var nonEmptyStatusDisplays = stripEmptyValues(statusDisplays);
   var nonEmptyStatusProps = stripEmptyValues(props.usernameToStatus);
   var username;
-  expect(Object.keys(nonEmptyStatusDisplays).length)
-    .toEqual(Object.keys(nonEmptyStatusProps).length);
+  expect(Object.keys(nonEmptyStatusDisplays).length).toEqual(
+    Object.keys(nonEmptyStatusProps).length,
+  );
   for (username in nonEmptyStatusDisplays) {
     if (!nonEmptyStatusDisplays.hasOwnProperty(username)) {
       continue;
     }
-    expect(nonEmptyStatusDisplays[username].getStatus())
-      .toEqual(nonEmptyStatusProps[username]);
+    expect(nonEmptyStatusDisplays[username].getStatus()).toEqual(
+      nonEmptyStatusProps[username],
+    );
   }
 
   // now go the other way to make sure we got them all.
@@ -170,12 +175,14 @@ function verifyStatuses(statusDisplays, props) {
     if (!nonEmptyStatusProps.hasOwnProperty(username)) {
       continue;
     }
-    expect(nonEmptyStatusDisplays[username].getStatus())
-      .toEqual(nonEmptyStatusProps[username]);
+    expect(nonEmptyStatusDisplays[username].getStatus()).toEqual(
+      nonEmptyStatusProps[username],
+    );
   }
 
-  expect(Object.keys(nonEmptyStatusDisplays))
-      .toEqual(Object.keys(nonEmptyStatusProps));
+  expect(Object.keys(nonEmptyStatusDisplays)).toEqual(
+    Object.keys(nonEmptyStatusProps),
+  );
 }
 
 /**
@@ -191,13 +198,13 @@ function verifyStatesPreserved(lastInternalStates, statusDisplays) {
       continue;
     }
     if (lastInternalStates[key]) {
-      expect(lastInternalStates[key])
-        .toEqual(statusDisplays[key].getInternalState());
+      expect(lastInternalStates[key]).toEqual(
+        statusDisplays[key].getInternalState(),
+      );
     }
   }
 }
 
-
 /**
  * Verifies that the internal representation of a set of `renderedChildren`
  * accurately reflects what is in the DOM.
@@ -218,9 +225,7 @@ function verifyDomOrderingAccurate(outerContainer, statusDisplays) {
       continue;
     }
     var statusDisplay = statusDisplays[username];
-    orderedLogicalKeys.push(
-      statusDisplay.props.contentKey
-    );
+    orderedLogicalKeys.push(statusDisplay.props.contentKey);
   }
   expect(orderedDomKeys).toEqual(orderedLogicalKeys);
 }
@@ -228,11 +233,8 @@ function verifyDomOrderingAccurate(outerContainer, statusDisplays) {
 function testPropsSequenceWithPreparedChildren(sequence, prepareChildren) {
   var container = document.createElement('div');
   var parentInstance = ReactDOM.render(
-    <FriendsStatusDisplay
-      {...sequence[0]}
-      prepareChildren={prepareChildren}
-    />,
-    container
+    <FriendsStatusDisplay {...sequence[0]} prepareChildren={prepareChildren} />,
+    container,
   );
   var statusDisplays = parentInstance.getStatusDisplays();
   var lastInternalStates = getInternalStateByUserName(statusDisplays);
@@ -244,7 +246,7 @@ function testPropsSequenceWithPreparedChildren(sequence, prepareChildren) {
         {...sequence[i]}
         prepareChildren={prepareChildren}
       />,
-      container
+      container,
     );
     statusDisplays = parentInstance.getStatusDisplays();
     verifyStatuses(statusDisplays, sequence[i]);
@@ -289,8 +291,11 @@ describe('ReactMultiChildReconcile', () => {
 
     var container = document.createElement('div');
     var parentInstance = ReactDOM.render(
-      <FriendsStatusDisplay {...props} prepareChildren={prepareChildrenArray} />,
-      container
+      <FriendsStatusDisplay
+        {...props}
+        prepareChildren={prepareChildrenArray}
+      />,
+      container,
     );
     var statusDisplays = parentInstance.getStatusDisplays();
     var startingInternalState = statusDisplays.jcw.getInternalState();
@@ -298,20 +303,24 @@ describe('ReactMultiChildReconcile', () => {
     // Now remove the child.
     ReactDOM.render(
       <FriendsStatusDisplay prepareChildren={prepareChildrenArray} />,
-      container
+      container,
     );
     statusDisplays = parentInstance.getStatusDisplays();
     expect(statusDisplays.jcw).toBeFalsy();
 
     // Now reset the props that cause there to be a child
     ReactDOM.render(
-      <FriendsStatusDisplay {...props} prepareChildren={prepareChildrenArray} />,
-      container
+      <FriendsStatusDisplay
+        {...props}
+        prepareChildren={prepareChildrenArray}
+      />,
+      container,
     );
     statusDisplays = parentInstance.getStatusDisplays();
     expect(statusDisplays.jcw).toBeTruthy();
-    expect(statusDisplays.jcw.getInternalState())
-        .not.toBe(startingInternalState);
+    expect(statusDisplays.jcw.getInternalState()).not.toBe(
+      startingInternalState,
+    );
   });
 
   it('should reset internal state if removed then readded in an iterable', () => {
@@ -324,8 +333,11 @@ describe('ReactMultiChildReconcile', () => {
 
     var container = document.createElement('div');
     var parentInstance = ReactDOM.render(
-      <FriendsStatusDisplay {...props} prepareChildren={prepareChildrenIterable} />,
-      container
+      <FriendsStatusDisplay
+        {...props}
+        prepareChildren={prepareChildrenIterable}
+      />,
+      container,
     );
     var statusDisplays = parentInstance.getStatusDisplays();
     var startingInternalState = statusDisplays.jcw.getInternalState();
@@ -333,20 +345,24 @@ describe('ReactMultiChildReconcile', () => {
     // Now remove the child.
     ReactDOM.render(
       <FriendsStatusDisplay prepareChildren={prepareChildrenIterable} />,
-      container
+      container,
     );
     statusDisplays = parentInstance.getStatusDisplays();
     expect(statusDisplays.jcw).toBeFalsy();
 
     // Now reset the props that cause there to be a child
     ReactDOM.render(
-      <FriendsStatusDisplay {...props} prepareChildren={prepareChildrenIterable} />,
-      container
+      <FriendsStatusDisplay
+        {...props}
+        prepareChildren={prepareChildrenIterable}
+      />,
+      container,
     );
     statusDisplays = parentInstance.getStatusDisplays();
     expect(statusDisplays.jcw).toBeTruthy();
-    expect(statusDisplays.jcw.getInternalState())
-        .not.toBe(startingInternalState);
+    expect(statusDisplays.jcw.getInternalState()).not.toBe(
+      startingInternalState,
+    );
   });
 
   it('should create unique identity', () => {
@@ -380,7 +396,7 @@ describe('ReactMultiChildReconcile', () => {
 
   it('should transition from zero to one children correctly', () => {
     var PROPS_SEQUENCE = [
-      {usernameToStatus: {} },
+      {usernameToStatus: {}},
       {
         usernameToStatus: {
           first: 'firstStatus',
@@ -397,7 +413,7 @@ describe('ReactMultiChildReconcile', () => {
           first: 'firstStatus',
         },
       },
-      {usernameToStatus: {} },
+      {usernameToStatus: {}},
     ];
     testPropsSequence(PROPS_SEQUENCE);
   });
@@ -442,8 +458,6 @@ describe('ReactMultiChildReconcile', () => {
     ]);
   });
 
-
-
   /**
    * `FriendsStatusDisplay` renders nulls as empty children (it's a convention
    * of `FriendsStatusDisplay`, nothing related to React or these test cases.
@@ -557,7 +571,8 @@ describe('ReactMultiChildReconcile', () => {
         },
       },
       {
-        usernameToStatus: {               // Full circle!
+        usernameToStatus: {
+          // Full circle!
           userOne: 'userOneStatus',
           userTwo: 'userTwoStatus',
           userThree: 'userThreeStatus',
@@ -603,7 +618,8 @@ describe('ReactMultiChildReconcile', () => {
         },
       },
       {
-        usernameToStatus: {               // Full circle!
+        usernameToStatus: {
+          // Full circle!
           userOne: 'userOneStatus',
           userTwo: 'userTwoStatus',
           userThree: 'userThreeStatus',
@@ -614,7 +630,6 @@ describe('ReactMultiChildReconcile', () => {
     testPropsSequence(PROPS_SEQUENCE);
   });
 
-
   it('should remove nulled out children and ignore new null children', () => {
     var PROPS_SEQUENCE = [
       {
@@ -640,7 +655,7 @@ describe('ReactMultiChildReconcile', () => {
         usernameToStatus: {
           jcw: 'jcwStatus',
           jordanjcw: 'jordanjcwStatus',
-          john: 'johnStatus',  // john will go away
+          john: 'johnStatus', // john will go away
           joe: 'joeStatus',
         },
       },
diff --git a/src/renderers/__tests__/ReactMultiChildText-test.js b/src/renderers/__tests__/ReactMultiChildText-test.js
index ef471cca18..b9598076ba 100644
--- a/src/renderers/__tests__/ReactMultiChildText-test.js
+++ b/src/renderers/__tests__/ReactMultiChildText-test.js
@@ -96,7 +96,6 @@ var expectChildren = function(container, children) {
   }
 };
 
-
 /**
  * ReactMultiChild DOM integration test. In ReactDOM components, we make sure
  * that single children that are strings are treated as "content" which is much
@@ -194,14 +193,14 @@ describe('ReactMultiChildText', () => {
     ]);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Warning: Each child in an array or iterator should have a unique "key" prop.'
+      'Warning: Each child in an array or iterator should have a unique "key" prop.',
     );
   });
 
   it('should throw if rendering both HTML and children', () => {
     expect(function() {
       ReactTestUtils.renderIntoDocument(
-        <div dangerouslySetInnerHTML={{__html: 'abcdef'}}>ghjkl</div>
+        <div dangerouslySetInnerHTML={{__html: 'abcdef'}}>ghjkl</div>,
       );
     }).toThrow();
   });
diff --git a/src/renderers/__tests__/ReactPerf-test.js b/src/renderers/__tests__/ReactPerf-test.js
index 2abc0d17df..7957266e6d 100644
--- a/src/renderers/__tests__/ReactPerf-test.js
+++ b/src/renderers/__tests__/ReactPerf-test.js
@@ -104,17 +104,20 @@ describeStack('ReactPerf', () => {
     });
 
     var summary = ReactPerf.getWasted(measurements);
-    expect(summary).toEqual([{
-      key: 'App',
-      instanceCount: 1,
-      inclusiveRenderDuration: 3,
-      renderCount: 1,
-    }, {
-      key: 'App > Box',
-      instanceCount: 2,
-      inclusiveRenderDuration: 2,
-      renderCount: 2,
-    }]);
+    expect(summary).toEqual([
+      {
+        key: 'App',
+        instanceCount: 1,
+        inclusiveRenderDuration: 3,
+        renderCount: 1,
+      },
+      {
+        key: 'App > Box',
+        instanceCount: 2,
+        inclusiveRenderDuration: 2,
+        renderCount: 2,
+      },
+    ]);
   });
 
   it('should count no-op update in child as waste', () => {
@@ -128,12 +131,14 @@ describeStack('ReactPerf', () => {
     });
 
     var summary = ReactPerf.getWasted(measurements);
-    expect(summary).toEqual([{
-      key: 'App > Box',
-      instanceCount: 1,
-      inclusiveRenderDuration: 1,
-      renderCount: 1,
-    }]);
+    expect(summary).toEqual([
+      {
+        key: 'App > Box',
+        instanceCount: 1,
+        inclusiveRenderDuration: 1,
+        renderCount: 1,
+      },
+    ]);
   });
 
   function expectNoWaste(fn) {
@@ -208,12 +213,12 @@ describeStack('ReactPerf', () => {
     var container = document.createElement('div');
     ReactDOM.render(
       <Div dangerouslySetInnerHTML={{__html: 'me'}} />,
-      container
+      container,
     );
     expectNoWaste(() => {
       ReactDOM.render(
         <Div dangerouslySetInnerHTML={{__html: 'you'}} />,
-        container
+        container,
       );
     });
   });
@@ -266,13 +271,15 @@ describeStack('ReactPerf', () => {
       ReactDOM.render(<Div><Div key="a" /></Div>, container);
       ReactDOM.render(<Div><Div key="b" /></Div>, container);
     });
-    expect(ReactPerf.getExclusive(measurements)).toEqual([{
-      key: 'Div',
-      instanceCount: 3,
-      counts: { ctor: 3, render: 4 },
-      durations: { ctor: 3, render: 4 },
-      totalDuration: 7,
-    }]);
+    expect(ReactPerf.getExclusive(measurements)).toEqual([
+      {
+        key: 'Div',
+        instanceCount: 3,
+        counts: {ctor: 3, render: 4},
+        durations: {ctor: 3, render: 4},
+        totalDuration: 7,
+      },
+    ]);
   });
 
   it('should include lifecycle methods in measurements', () => {
@@ -283,33 +290,35 @@ describeStack('ReactPerf', () => {
       instance.setState({});
       ReactDOM.unmountComponentAtNode(container);
     });
-    expect(ReactPerf.getExclusive(measurements)).toEqual([{
-      key: 'LifeCycle',
-      instanceCount: 1,
-      totalDuration: 14,
-      counts: {
-        ctor: 1,
-        shouldComponentUpdate: 2,
-        componentWillMount: 1,
-        componentDidMount: 1,
-        componentWillReceiveProps: 1,
-        componentWillUpdate: 2,
-        componentDidUpdate: 2,
-        componentWillUnmount: 1,
-        render: 3,
+    expect(ReactPerf.getExclusive(measurements)).toEqual([
+      {
+        key: 'LifeCycle',
+        instanceCount: 1,
+        totalDuration: 14,
+        counts: {
+          ctor: 1,
+          shouldComponentUpdate: 2,
+          componentWillMount: 1,
+          componentDidMount: 1,
+          componentWillReceiveProps: 1,
+          componentWillUpdate: 2,
+          componentDidUpdate: 2,
+          componentWillUnmount: 1,
+          render: 3,
+        },
+        durations: {
+          ctor: 1,
+          shouldComponentUpdate: 2,
+          componentWillMount: 1,
+          componentDidMount: 1,
+          componentWillReceiveProps: 1,
+          componentWillUpdate: 2,
+          componentDidUpdate: 2,
+          componentWillUnmount: 1,
+          render: 3,
+        },
       },
-      durations: {
-        ctor: 1,
-        shouldComponentUpdate: 2,
-        componentWillMount: 1,
-        componentDidMount: 1,
-        componentWillReceiveProps: 1,
-        componentWillUpdate: 2,
-        componentDidUpdate: 2,
-        componentWillUnmount: 1,
-        render: 3,
-      },
-    }]);
+    ]);
   });
 
   it('should include render time of functional components', () => {
@@ -321,17 +330,19 @@ describeStack('ReactPerf', () => {
     var measurements = measure(() => {
       ReactDOM.render(<Foo />, container);
     });
-    expect(ReactPerf.getExclusive(measurements)).toEqual([{
-      key: 'Foo',
-      instanceCount: 1,
-      totalDuration: 1,
-      counts: {
-        render: 1,
+    expect(ReactPerf.getExclusive(measurements)).toEqual([
+      {
+        key: 'Foo',
+        instanceCount: 1,
+        totalDuration: 1,
+        counts: {
+          render: 1,
+        },
+        durations: {
+          render: 1,
+        },
       },
-      durations: {
-        render: 1,
-      },
-    }]);
+    ]);
   });
 
   it('should not count time in a portal towards lifecycle method', () => {
@@ -354,40 +365,43 @@ describeStack('ReactPerf', () => {
       ReactDOM.render(<Portal />, container);
     });
 
-    expect(ReactPerf.getExclusive(measurements)).toEqual([{
-      key: 'Portal',
-      instanceCount: 1,
-      totalDuration: 6,
-      counts: {
-        ctor: 1,
-        componentDidMount: 1,
-        render: 1,
+    expect(ReactPerf.getExclusive(measurements)).toEqual([
+      {
+        key: 'Portal',
+        instanceCount: 1,
+        totalDuration: 6,
+        counts: {
+          ctor: 1,
+          componentDidMount: 1,
+          render: 1,
+        },
+        durations: {
+          ctor: 1,
+          // We want to exclude nested imperative ReactDOM.render() from lifecycle hook's own time.
+          // Otherwise it would artificially float to the top even though its exclusive time is small.
+          // This is how we get 4 as a number with the performanceNow() mock:
+          // - we capture the time we enter componentDidMount (n = 0)
+          // - we capture the time when we enter a nested flush (n = 1)
+          // - in the nested flush, we call it twice: before and after <Foo /> rendering. (n = 3)
+          // - we capture the time when we exit a nested flush (n = 4)
+          // - we capture the time we exit componentDidMount (n = 5)
+          // Time spent in componentDidMount = (5 - 0 - (4 - 3)) = 4.
+          componentDidMount: 4,
+          render: 1,
+        },
       },
-      durations: {
-        ctor: 1,
-        // We want to exclude nested imperative ReactDOM.render() from lifecycle hook's own time.
-        // Otherwise it would artificially float to the top even though its exclusive time is small.
-        // This is how we get 4 as a number with the performanceNow() mock:
-        // - we capture the time we enter componentDidMount (n = 0)
-        // - we capture the time when we enter a nested flush (n = 1)
-        // - in the nested flush, we call it twice: before and after <Foo /> rendering. (n = 3)
-        // - we capture the time when we exit a nested flush (n = 4)
-        // - we capture the time we exit componentDidMount (n = 5)
-        // Time spent in componentDidMount = (5 - 0 - (4 - 3)) = 4.
-        componentDidMount: 4,
-        render: 1,
+      {
+        key: 'Foo',
+        instanceCount: 1,
+        totalDuration: 1,
+        counts: {
+          render: 1,
+        },
+        durations: {
+          render: 1,
+        },
       },
-    }, {
-      key: 'Foo',
-      instanceCount: 1,
-      totalDuration: 1,
-      counts: {
-        render: 1,
-      },
-      durations: {
-        render: 1,
-      },
-    }]);
+    ]);
   });
 
   it('warns once when using getMeasurementsSummaryMap', () => {
@@ -397,7 +411,7 @@ describeStack('ReactPerf', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       '`ReactPerf.getMeasurementsSummaryMap(...)` is deprecated. Use ' +
-      '`ReactPerf.getWasted(...)` instead.'
+        '`ReactPerf.getWasted(...)` instead.',
     );
 
     ReactPerf.getMeasurementsSummaryMap(measurements);
@@ -411,7 +425,7 @@ describeStack('ReactPerf', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       '`ReactPerf.printDOM(...)` is deprecated. Use ' +
-      '`ReactPerf.printOperations(...)` instead.'
+        '`ReactPerf.printOperations(...)` instead.',
     );
 
     ReactPerf.printDOM(measurements);
@@ -504,22 +518,26 @@ describeStack('ReactPerf', () => {
     expect(ReactPerf.getWasted()).toEqual([]);
 
     ReactDOM.render(<Measurer><App /></Measurer>, container);
-    expect(ReactPerf.getWasted()).toEqual([{
-      key: 'Measurer',
-      instanceCount: 1,
-      inclusiveRenderDuration: 4,
-      renderCount: 1,
-    }, {
-      key: 'App',
-      instanceCount: 1,
-      inclusiveRenderDuration: 3,
-      renderCount: 1,
-    }, {
-      key: 'App > Box',
-      instanceCount: 2,
-      inclusiveRenderDuration: 2,
-      renderCount: 2,
-    }]);
+    expect(ReactPerf.getWasted()).toEqual([
+      {
+        key: 'Measurer',
+        instanceCount: 1,
+        inclusiveRenderDuration: 4,
+        renderCount: 1,
+      },
+      {
+        key: 'App',
+        instanceCount: 1,
+        inclusiveRenderDuration: 3,
+        renderCount: 1,
+      },
+      {
+        key: 'App > Box',
+        instanceCount: 2,
+        inclusiveRenderDuration: 2,
+        renderCount: 2,
+      },
+    ]);
   });
 
   it('should not print errant warnings if render() throws', () => {
@@ -539,7 +557,7 @@ describeStack('ReactPerf', () => {
           <LifeCycle />
           <Evil />
         </div>,
-        container
+        container,
       );
     } catch (err) {
       if (err !== thrownErr) {
@@ -569,7 +587,7 @@ describeStack('ReactPerf', () => {
           <LifeCycle />
           <Evil />
         </div>,
-        container
+        container,
       );
     } catch (err) {
       if (err !== thrownErr) {
@@ -599,7 +617,7 @@ describeStack('ReactPerf', () => {
           <LifeCycle />
           <Evil />
         </div>,
-        container
+        container,
       );
     } catch (err) {
       if (err !== thrownErr) {
@@ -635,7 +653,7 @@ describeStack('ReactPerf', () => {
           <LifeCycle />
           <EvilPortal />
         </div>,
-        container
+        container,
       );
     } catch (err) {
       if (err !== thrownErr) {
@@ -675,7 +693,7 @@ describeStack('ReactPerf', () => {
           <LifeCycle />
           <EvilPortal />
         </div>,
-        container
+        container,
       );
     } catch (err) {
       if (err !== thrownErr) {
@@ -715,7 +733,7 @@ describeStack('ReactPerf', () => {
           <LifeCycle />
           <EvilPortal />
         </div>,
-        container
+        container,
       );
     } catch (err) {
       if (err !== thrownErr) {
diff --git a/src/renderers/__tests__/ReactStatelessComponent-test.js b/src/renderers/__tests__/ReactStatelessComponent-test.js
index 123f1e3858..b3cacfbf09 100644
--- a/src/renderers/__tests__/ReactStatelessComponent-test.js
+++ b/src/renderers/__tests__/ReactStatelessComponent-test.js
@@ -123,19 +123,19 @@ describe('ReactStatelessComponent', () => {
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain(
         'StatelessComponentWithChildContext(...): childContextTypes cannot ' +
-        'be defined on a functional component.'
+          'be defined on a functional component.',
       );
     } else {
       expectDev(console.error.calls.count()).toBe(2);
       expectDev(console.error.calls.argsFor(0)[0]).toContain(
         'StatelessComponentWithChildContext(...): childContextTypes cannot ' +
-        'be defined on a functional component.'
+          'be defined on a functional component.',
       );
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
         'Warning: StatelessComponentWithChildContext.childContextTypes is specified ' +
-        'but there is no getChildContext() method on the instance. You can either ' +
-        'define getChildContext() on StatelessComponentWithChildContext or remove ' +
-        'childContextTypes from it.'
+          'but there is no getChildContext() method on the instance. You can either ' +
+          'define getChildContext() on StatelessComponentWithChildContext or remove ' +
+          'childContextTypes from it.',
       );
     }
   });
@@ -150,19 +150,18 @@ describe('ReactStatelessComponent', () => {
         ReactTestUtils.renderIntoDocument(<div><NotAComponent /></div>);
       }).toThrowError(
         'NotAComponent(...): A valid React element (or null) must be returned. ' +
-        'You may have returned undefined, an array or some other invalid object.'
+          'You may have returned undefined, an array or some other invalid object.',
       );
     });
   }
 
   it('should throw when stateless component returns undefined', () => {
-    function NotAComponent() {
-    }
+    function NotAComponent() {}
     expect(function() {
       ReactTestUtils.renderIntoDocument(<div><NotAComponent /></div>);
     }).toThrowError(
       'NotAComponent(...): A valid React element (or null) must be returned. ' +
-      'You may have returned undefined, an array or some other invalid object.'
+        'You may have returned undefined, an array or some other invalid object.',
     );
   });
 
@@ -173,9 +172,7 @@ describe('ReactStatelessComponent', () => {
 
     expect(function() {
       ReactTestUtils.renderIntoDocument(<Child test="test" />);
-    }).toThrowError(
-      'Stateless function components cannot have refs.'
-    );
+    }).toThrowError('Stateless function components cannot have refs.');
   });
 
   it('should warn when given a string ref', () => {
@@ -199,12 +196,12 @@ describe('ReactStatelessComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Stateless function components cannot be given refs. ' +
-      'Attempts to access this ref will fail.\n\nCheck the render method ' +
-      'of `ParentUsingStringRef`.\n' +
-      '    in StatelessComponent (at **)\n' +
-      '    in div (at **)\n' +
-      '    in Indirection (at **)\n' +
-      '    in ParentUsingStringRef (at **)'
+        'Attempts to access this ref will fail.\n\nCheck the render method ' +
+        'of `ParentUsingStringRef`.\n' +
+        '    in StatelessComponent (at **)\n' +
+        '    in div (at **)\n' +
+        '    in Indirection (at **)\n' +
+        '    in ParentUsingStringRef (at **)',
     );
 
     ReactTestUtils.renderIntoDocument(<ParentUsingStringRef />);
@@ -222,9 +219,12 @@ describe('ReactStatelessComponent', () => {
       render() {
         return (
           <Indirection>
-            <StatelessComponent name="A" ref={(arg) => {
-              expect(arg).toBe(null);
-            }} />
+            <StatelessComponent
+              name="A"
+              ref={arg => {
+                expect(arg).toBe(null);
+              }}
+            />
           </Indirection>
         );
       }
@@ -234,12 +234,12 @@ describe('ReactStatelessComponent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Stateless function components cannot be given refs. ' +
-      'Attempts to access this ref will fail.\n\nCheck the render method ' +
-      'of `ParentUsingFunctionRef`.\n' +
-      '    in StatelessComponent (at **)\n' +
-      '    in div (at **)\n' +
-      '    in Indirection (at **)\n' +
-      '    in ParentUsingFunctionRef (at **)'
+        'Attempts to access this ref will fail.\n\nCheck the render method ' +
+        'of `ParentUsingFunctionRef`.\n' +
+        '    in StatelessComponent (at **)\n' +
+        '    in div (at **)\n' +
+        '    in Indirection (at **)\n' +
+        '    in ParentUsingFunctionRef (at **)',
     );
 
     ReactTestUtils.renderIntoDocument(<ParentUsingFunctionRef />);
@@ -258,10 +258,12 @@ describe('ReactStatelessComponent', () => {
         return <StatelessComponent name="A" ref={() => {}} />;
       },
     });
-    const instance1 = ReactTestUtils.renderIntoDocument(<AnonymousParentUsingJSX />);
+    const instance1 = ReactTestUtils.renderIntoDocument(
+      <AnonymousParentUsingJSX />,
+    );
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Warning: Stateless function components cannot be given refs.'
+      'Warning: Stateless function components cannot be given refs.',
     );
     // Should be deduped (offending element is on the same line):
     instance1.forceUpdate();
@@ -273,13 +275,18 @@ describe('ReactStatelessComponent', () => {
     // When owner doesn't use JSX, and is anonymous, we warn once per internal instance.
     var AnonymousParentNotUsingJSX = createClassWithoutDisplayName({
       render() {
-        return React.createElement(StatelessComponent, {name: 'A', 'ref': () => {}});
+        return React.createElement(StatelessComponent, {
+          name: 'A',
+          ref: () => {},
+        });
       },
     });
-    const instance2 = ReactTestUtils.renderIntoDocument(<AnonymousParentNotUsingJSX />);
+    const instance2 = ReactTestUtils.renderIntoDocument(
+      <AnonymousParentNotUsingJSX />,
+    );
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Warning: Stateless function components cannot be given refs.'
+      'Warning: Stateless function components cannot be given refs.',
     );
     // Should be deduped (same internal instance):
     instance2.forceUpdate();
@@ -288,20 +295,25 @@ describe('ReactStatelessComponent', () => {
     ReactTestUtils.renderIntoDocument(<AnonymousParentNotUsingJSX />);
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(console.error.calls.argsFor(1)[0]).toContain(
-      'Warning: Stateless function components cannot be given refs.'
+      'Warning: Stateless function components cannot be given refs.',
     );
     console.error.calls.reset();
 
     // When owner doesn't use JSX, but is named, we warn once per owner name
     class NamedParentNotUsingJSX extends React.Component {
       render() {
-        return React.createElement(StatelessComponent, {name: 'A', 'ref': () => {}});
+        return React.createElement(StatelessComponent, {
+          name: 'A',
+          ref: () => {},
+        });
       }
     }
-    const instance3 = ReactTestUtils.renderIntoDocument(<NamedParentNotUsingJSX />);
+    const instance3 = ReactTestUtils.renderIntoDocument(
+      <NamedParentNotUsingJSX />,
+    );
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Warning: Stateless function components cannot be given refs.'
+      'Warning: Stateless function components cannot be given refs.',
     );
     // Should be deduped (same owner name):
     instance3.forceUpdate();
@@ -329,7 +341,9 @@ describe('ReactStatelessComponent', () => {
     spyOn(console, 'error');
     ReactTestUtils.renderIntoDocument(<Child />);
     expectDev(console.error.calls.count()).toBe(1);
-    expectDev(console.error.calls.argsFor(0)[0]).toContain('a unique "key" prop');
+    expectDev(console.error.calls.argsFor(0)[0]).toContain(
+      'a unique "key" prop',
+    );
     expectDev(console.error.calls.argsFor(0)[0]).toContain('Child');
   });
 
@@ -344,11 +358,11 @@ describe('ReactStatelessComponent', () => {
     ReactTestUtils.renderIntoDocument(<Child />);
     expectDev(console.error.calls.count()).toBe(1);
     expect(
-      console.error.calls.argsFor(0)[0].replace(/\(at .+?:\d+\)/g, '(at **)')
+      console.error.calls.argsFor(0)[0].replace(/\(at .+?:\d+\)/g, '(at **)'),
     ).toBe(
       'Warning: Failed prop type: Invalid prop `test` of type `number` ' +
-      'supplied to `Child`, expected `string`.\n' +
-      '    in Child (at **)'
+        'supplied to `Child`, expected `string`.\n' +
+        '    in Child (at **)',
     );
   });
 
@@ -401,5 +415,4 @@ describe('ReactStatelessComponent', () => {
     }
     expect(() => ReactTestUtils.renderIntoDocument(<Child />)).not.toThrow();
   });
-
 });
diff --git a/src/renderers/__tests__/ReactTreeTraversal-test.js b/src/renderers/__tests__/ReactTreeTraversal-test.js
index c48ce021cb..da17f4d257 100644
--- a/src/renderers/__tests__/ReactTreeTraversal-test.js
+++ b/src/renderers/__tests__/ReactTreeTraversal-test.js
@@ -94,10 +94,7 @@ describe('ReactTreeTraversal', () => {
     it('should traverse two phase at shallowest node', () => {
       var parent = renderParentIntoDocument();
       var target = getInst(parent.refs.P);
-      var expectedCalls = [
-        ['P', 'captured', ARG],
-        ['P', 'bubbled', ARG],
-      ];
+      var expectedCalls = [['P', 'captured', ARG], ['P', 'bubbled', ARG]];
       ReactTreeTraversal.traverseTwoPhase(target, callback, ARG);
       expect(mockFn.mock.calls).toEqual(expectedCalls);
     });
@@ -105,9 +102,7 @@ describe('ReactTreeTraversal', () => {
 
   describe('traverseEnterLeave', () => {
     it('should not traverse when enter/leaving outside DOM', () => {
-      ReactTreeTraversal.traverseEnterLeave(
-        null, null, callback, ARG, ARG2
-      );
+      ReactTreeTraversal.traverseEnterLeave(null, null, callback, ARG, ARG2);
       expect(mockFn).not.toHaveBeenCalled();
     });
 
@@ -115,9 +110,7 @@ describe('ReactTreeTraversal', () => {
       var parent = renderParentIntoDocument();
       var leave = getInst(parent.refs.P_P1_C1.refs.DIV_1);
       var enter = getInst(parent.refs.P_P1_C1.refs.DIV_1);
-      ReactTreeTraversal.traverseEnterLeave(
-        leave, enter, callback, ARG, ARG2
-      );
+      ReactTreeTraversal.traverseEnterLeave(leave, enter, callback, ARG, ARG2);
       expect(mockFn).not.toHaveBeenCalled();
     });
 
@@ -130,9 +123,7 @@ describe('ReactTreeTraversal', () => {
         // enter/leave shouldn't fire anything on the parent
         ['P_P1_C1__DIV_2', 'captured', ARG2],
       ];
-      ReactTreeTraversal.traverseEnterLeave(
-        leave, enter, callback, ARG, ARG2
-      );
+      ReactTreeTraversal.traverseEnterLeave(leave, enter, callback, ARG, ARG2);
       expect(mockFn.mock.calls).toEqual(expectedCalls);
     });
 
@@ -140,12 +131,8 @@ describe('ReactTreeTraversal', () => {
       var parent = renderParentIntoDocument();
       var leave = getInst(parent.refs.P_P1_C1.refs.DIV_1);
       var enter = getInst(parent.refs.P_P1_C1.refs.DIV);
-      var expectedCalls = [
-        ['P_P1_C1__DIV_1', 'bubbled', ARG],
-      ];
-      ReactTreeTraversal.traverseEnterLeave(
-        leave, enter, callback, ARG, ARG2
-      );
+      var expectedCalls = [['P_P1_C1__DIV_1', 'bubbled', ARG]];
+      ReactTreeTraversal.traverseEnterLeave(leave, enter, callback, ARG, ARG2);
       expect(mockFn.mock.calls).toEqual(expectedCalls);
     });
 
@@ -158,9 +145,7 @@ describe('ReactTreeTraversal', () => {
         ['P_P1', 'captured', ARG2],
         ['P_P1_C1__DIV', 'captured', ARG2],
       ];
-      ReactTreeTraversal.traverseEnterLeave(
-        leave, enter, callback, ARG, ARG2
-      );
+      ReactTreeTraversal.traverseEnterLeave(leave, enter, callback, ARG, ARG2);
       expect(mockFn.mock.calls).toEqual(expectedCalls);
     });
 
@@ -168,12 +153,8 @@ describe('ReactTreeTraversal', () => {
       var parent = renderParentIntoDocument();
       var leave = null; // From the window or outside of the React sandbox.
       var enter = getInst(parent.refs.P);
-      var expectedCalls = [
-        ['P', 'captured', ARG2],
-      ];
-      ReactTreeTraversal.traverseEnterLeave(
-        leave, enter, callback, ARG, ARG2
-      );
+      var expectedCalls = [['P', 'captured', ARG2]];
+      ReactTreeTraversal.traverseEnterLeave(leave, enter, callback, ARG, ARG2);
       expect(mockFn.mock.calls).toEqual(expectedCalls);
     });
 
@@ -186,9 +167,7 @@ describe('ReactTreeTraversal', () => {
         ['P_P1', 'bubbled', ARG],
         ['P', 'bubbled', ARG],
       ];
-      ReactTreeTraversal.traverseEnterLeave(
-        leave, enter, callback, ARG, ARG2
-      );
+      ReactTreeTraversal.traverseEnterLeave(leave, enter, callback, ARG, ARG2);
       expect(mockFn.mock.calls).toEqual(expectedCalls);
     });
 
@@ -201,9 +180,7 @@ describe('ReactTreeTraversal', () => {
         ['P_P1', 'bubbled', ARG],
         ['P', 'bubbled', ARG],
       ];
-      ReactTreeTraversal.traverseEnterLeave(
-        leave, enter, callback, ARG, ARG2
-      );
+      ReactTreeTraversal.traverseEnterLeave(leave, enter, callback, ARG, ARG2);
       expect(mockFn.mock.calls).toEqual(expectedCalls);
     });
   });
@@ -213,7 +190,8 @@ describe('ReactTreeTraversal', () => {
       var parent = renderParentIntoDocument();
       var ancestors = [
         // Common ancestor with self is self.
-        {one: parent.refs.P_P1_C1.refs.DIV_1,
+        {
+          one: parent.refs.P_P1_C1.refs.DIV_1,
           two: parent.refs.P_P1_C1.refs.DIV_1,
           com: parent.refs.P_P1_C1.refs.DIV_1,
         },
@@ -255,11 +233,10 @@ describe('ReactTreeTraversal', () => {
         var plan = ancestors[i];
         var firstCommon = ReactTreeTraversal.getLowestCommonAncestor(
           getInst(plan.one),
-          getInst(plan.two)
+          getInst(plan.two),
         );
         expect(firstCommon).toBe(getInst(plan.com));
       }
     });
   });
-
 });
diff --git a/src/renderers/__tests__/ReactUpdates-test.js b/src/renderers/__tests__/ReactUpdates-test.js
index b4957cc993..982881b521 100644
--- a/src/renderers/__tests__/ReactUpdates-test.js
+++ b/src/renderers/__tests__/ReactUpdates-test.js
@@ -487,21 +487,21 @@ describe('ReactUpdates', () => {
       [root.refs.switcher.refs.box, root.refs.switcher],
       // Owner-child relationships have inverse will and did
       ['Switcher', 'Box'],
-      ['Box', 'Switcher']
+      ['Box', 'Switcher'],
     );
 
     testUpdates(
       [root.refs.child, root.refs.switcher.refs.box],
       // Not owner-child so reconcile independently
       ['Box', 'Child'],
-      ['Box', 'Child']
+      ['Box', 'Child'],
     );
 
     testUpdates(
       [root.refs.child, root.refs.switcher],
       // Switcher owns Box and Child, Box does not own Child
       ['Switcher', 'Box', 'Child'],
-      ['Box', 'Switcher', 'Child']
+      ['Box', 'Switcher', 'Child'],
     );
   });
 
@@ -531,7 +531,7 @@ describe('ReactUpdates', () => {
         if (ReactDOMFeatureFlags.useFiber) {
           portal = ReactDOM.unstable_createPortal(
             <B ref={n => b = n} />,
-            bContainer
+            bContainer,
           );
         }
         return <div>A{this.state.x}{portal}</div>;
@@ -607,31 +607,31 @@ describe('ReactUpdates', () => {
     /* eslint-disable indent */
     expect(updates).toEqual([
       'Outer-render-0',
-        'Inner-render-0-0',
+      'Inner-render-0-0',
 
       'Outer-setState-1',
-        'Outer-render-1',
-          'Inner-render-1-0',
-          'Inner-didUpdate-1-0',
-        'Outer-didUpdate-1',
-           // Happens in a batch, so don't re-render yet
-          'Inner-setState-1',
-        'Outer-callback-1',
+      'Outer-render-1',
+      'Inner-render-1-0',
+      'Inner-didUpdate-1-0',
+      'Outer-didUpdate-1',
+      // Happens in a batch, so don't re-render yet
+      'Inner-setState-1',
+      'Outer-callback-1',
 
-        // Happens in a batch
-        'Outer-setState-2',
+      // Happens in a batch
+      'Outer-setState-2',
 
-        // Flush batched updates all at once
-        'Outer-render-2',
-          'Inner-render-2-1',
-          'Inner-didUpdate-2-1',
-          'Inner-callback-1',
-        'Outer-didUpdate-2',
-          'Inner-setState-2',
-        'Outer-callback-2',
-          'Inner-render-2-2',
-          'Inner-didUpdate-2-2',
-          'Inner-callback-2',
+      // Flush batched updates all at once
+      'Outer-render-2',
+      'Inner-render-2-1',
+      'Inner-didUpdate-2-1',
+      'Inner-callback-1',
+      'Outer-didUpdate-2',
+      'Inner-setState-2',
+      'Outer-callback-2',
+      'Inner-render-2-2',
+      'Inner-didUpdate-2-2',
+      'Inner-callback-2',
     ]);
     /* eslint-enable indent */
   });
@@ -654,7 +654,7 @@ describe('ReactUpdates', () => {
               depth={this.props.depth + 1}
               count={this.props.count}
             />,
-            ReactDOM.findDOMNode(this)
+            ReactDOM.findDOMNode(this),
           );
         }
       }
@@ -761,7 +761,7 @@ describe('ReactUpdates', () => {
         <div>
           <A />
           <B />
-        </div>
+        </div>,
       );
     });
 
@@ -886,29 +886,29 @@ describe('ReactUpdates', () => {
 
     expect(() => component.setState({}, 'no')).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: no',
+        'received: no',
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'setState(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: no.'
+        'a function. Instead received: no.',
     );
     component = ReactTestUtils.renderIntoDocument(<A />);
     expect(() => component.setState({}, {foo: 'bar'})).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toContain(
       'setState(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     component = ReactTestUtils.renderIntoDocument(<A />);
     expect(() => component.setState({}, new Foo())).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(2)[0]).toContain(
       'setState(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     expect(console.error.calls.count()).toBe(3);
   });
@@ -932,29 +932,29 @@ describe('ReactUpdates', () => {
 
     expect(() => component.replaceState({}, 'no')).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: no',
+        'received: no',
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'replaceState(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: no.'
+        'a function. Instead received: no.',
     );
     component = ReactTestUtils.renderIntoDocument(<A />);
     expect(() => component.replaceState({}, {foo: 'bar'})).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toContain(
       'replaceState(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     component = ReactTestUtils.renderIntoDocument(<A />);
     expect(() => component.replaceState({}, new Foo())).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(2)[0]).toContain(
       'replaceState(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     expect(console.error.calls.count()).toBe(3);
   });
@@ -979,29 +979,29 @@ describe('ReactUpdates', () => {
 
     expect(() => component.forceUpdate('no')).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: no',
+        'received: no',
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'forceUpdate(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: no.'
+        'a function. Instead received: no.',
     );
     component = ReactTestUtils.renderIntoDocument(<A />);
     expect(() => component.forceUpdate({foo: 'bar'})).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toContain(
       'forceUpdate(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     component = ReactTestUtils.renderIntoDocument(<A />);
     expect(() => component.forceUpdate(new Foo())).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(2)[0]).toContain(
       'forceUpdate(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     expect(console.error.calls.count()).toBe(3);
   });
@@ -1065,10 +1065,10 @@ describe('ReactUpdates', () => {
     class App extends React.Component {
       constructor(props) {
         super(props);
-        this.state = { showChild: true };
+        this.state = {showChild: true};
       }
       componentDidMount() {
-        this.setState({ showChild: false });
+        this.setState({showChild: false});
       }
       render() {
         return (
@@ -1096,7 +1096,7 @@ describe('ReactUpdates', () => {
         callbacks.push(this.onChange);
       }
       componentWillUnmount() {
-        callbacks = callbacks.filter((c) => c !== this.onChange);
+        callbacks = callbacks.filter(c => c !== this.onChange);
       }
       render() {
         return <div key={Math.random()} onClick={function() {}} />;
@@ -1142,13 +1142,13 @@ describe('ReactUpdates', () => {
     function render() {
       ReactDOM.render(
         <Editor
-          onChange={(newProps) => {
+          onChange={newProps => {
             props = {...props, ...newProps};
             render();
           }}
           {...props}
         />,
-        container
+        container,
       );
     }
 
diff --git a/src/renderers/__tests__/refs-destruction-test.js b/src/renderers/__tests__/refs-destruction-test.js
index 7f6575f644..5f95d3d931 100644
--- a/src/renderers/__tests__/refs-destruction-test.js
+++ b/src/renderers/__tests__/refs-destruction-test.js
@@ -29,11 +29,11 @@ describe('refs-destruction', () => {
       render() {
         return (
           <div>
-            {this.props.destroy ? null :
-              <div ref="theInnerDiv">
-                Lets try to destroy this.
-              </div>
-            }
+            {this.props.destroy
+              ? null
+              : <div ref="theInnerDiv">
+                  Lets try to destroy this.
+                </div>}
           </div>
         );
       }
@@ -43,36 +43,38 @@ describe('refs-destruction', () => {
   it('should remove refs when destroying the parent', () => {
     var container = document.createElement('div');
     var testInstance = ReactDOM.render(<TestComponent />, container);
-    expect(ReactTestUtils.isDOMComponent(testInstance.refs.theInnerDiv))
-      .toBe(true);
+    expect(ReactTestUtils.isDOMComponent(testInstance.refs.theInnerDiv)).toBe(
+      true,
+    );
     expect(
-      Object.keys(testInstance.refs || {})
-        .filter(key => testInstance.refs[key])
-        .length
+      Object.keys(testInstance.refs || {}).filter(
+        key => testInstance.refs[key],
+      ).length,
     ).toEqual(1);
     ReactDOM.unmountComponentAtNode(container);
     expect(
-      Object.keys(testInstance.refs || {})
-        .filter(key => testInstance.refs[key])
-        .length
+      Object.keys(testInstance.refs || {}).filter(
+        key => testInstance.refs[key],
+      ).length,
     ).toEqual(0);
   });
 
   it('should remove refs when destroying the child', () => {
     var container = document.createElement('div');
     var testInstance = ReactDOM.render(<TestComponent />, container);
-    expect(ReactTestUtils.isDOMComponent(testInstance.refs.theInnerDiv))
-      .toBe(true);
+    expect(ReactTestUtils.isDOMComponent(testInstance.refs.theInnerDiv)).toBe(
+      true,
+    );
     expect(
-      Object.keys(testInstance.refs || {})
-        .filter(key => testInstance.refs[key])
-        .length
+      Object.keys(testInstance.refs || {}).filter(
+        key => testInstance.refs[key],
+      ).length,
     ).toEqual(1);
     ReactDOM.render(<TestComponent destroy={true} />, container);
     expect(
-      Object.keys(testInstance.refs || {})
-        .filter(key => testInstance.refs[key])
-        .length
+      Object.keys(testInstance.refs || {}).filter(
+        key => testInstance.refs[key],
+      ).length,
     ).toEqual(0);
   });
 
@@ -91,12 +93,15 @@ describe('refs-destruction', () => {
       componentWillUnmount() {
         var self = this;
         // some async animation
-        setTimeout(function() {
-          expect(function() {
-            ReactDOM.unmountComponentAtNode(self.div);
-          }).not.toThrow();
-          document.body.removeChild(self.div);
-        }, 0);
+        setTimeout(
+          function() {
+            expect(function() {
+              ReactDOM.unmountComponentAtNode(self.div);
+            }).not.toThrow();
+            document.body.removeChild(self.div);
+          },
+          0,
+        );
       }
 
       render() {
@@ -106,9 +111,11 @@ describe('refs-destruction', () => {
 
     class AppModal extends React.Component {
       render() {
-        return (<Modal>
-          <a ref="ref" />
-        </Modal>);
+        return (
+          <Modal>
+            <a ref="ref" />
+          </Modal>
+        );
       }
     }
 
diff --git a/src/renderers/__tests__/refs-test.js b/src/renderers/__tests__/refs-test.js
index 05420bbdca..758fb51af0 100644
--- a/src/renderers/__tests__/refs-test.js
+++ b/src/renderers/__tests__/refs-test.js
@@ -39,7 +39,7 @@ class ClickCounter extends React.Component {
           className="clickLogDiv"
           key={'clickLog' + i}
           ref={'clickLog' + i}
-        />
+        />,
       );
     }
     return (
@@ -88,8 +88,9 @@ class TestRefsComponent extends React.Component {
  * Render a TestRefsComponent and ensure that the main refs are wired up.
  */
 var renderTestRefsComponent = function() {
-  var testRefsComponent =
-      ReactTestUtils.renderIntoDocument(<TestRefsComponent />);
+  var testRefsComponent = ReactTestUtils.renderIntoDocument(
+    <TestRefsComponent />,
+  );
   expect(testRefsComponent instanceof TestRefsComponent).toBe(true);
 
   var generalContainer = testRefsComponent.refs.myContainer;
@@ -101,10 +102,11 @@ var renderTestRefsComponent = function() {
   return testRefsComponent;
 };
 
-
 var expectClickLogsLengthToBe = function(instance, length) {
-  var clickLogs =
-    ReactTestUtils.scryRenderedDOMComponentsWithClass(instance, 'clickLogDiv');
+  var clickLogs = ReactTestUtils.scryRenderedDOMComponentsWithClass(
+    instance,
+    'clickLogDiv',
+  );
   expect(clickLogs.length).toBe(length);
   expect(Object.keys(instance.refs.myCounter.refs).length).toBe(length);
 };
@@ -122,11 +124,10 @@ describe('reactiverefs', () => {
    */
   it('Should increase refs with an increase in divs', () => {
     var testRefsComponent = renderTestRefsComponent();
-    var clickIncrementer =
-      ReactTestUtils.findRenderedDOMComponentWithClass(
-        testRefsComponent,
-        'clickIncrementer'
-      );
+    var clickIncrementer = ReactTestUtils.findRenderedDOMComponentWithClass(
+      testRefsComponent,
+      'clickIncrementer',
+    );
 
     expectClickLogsLengthToBe(testRefsComponent, 1);
 
@@ -210,12 +211,18 @@ describe('ref swapping', () => {
   it('Allow refs to hop around children correctly', () => {
     var refHopsAround = ReactTestUtils.renderIntoDocument(<RefHopsAround />);
 
-    var firstDiv =
-      ReactTestUtils.findRenderedDOMComponentWithClass(refHopsAround, 'first');
-    var secondDiv =
-      ReactTestUtils.findRenderedDOMComponentWithClass(refHopsAround, 'second');
-    var thirdDiv =
-      ReactTestUtils.findRenderedDOMComponentWithClass(refHopsAround, 'third');
+    var firstDiv = ReactTestUtils.findRenderedDOMComponentWithClass(
+      refHopsAround,
+      'first',
+    );
+    var secondDiv = ReactTestUtils.findRenderedDOMComponentWithClass(
+      refHopsAround,
+      'second',
+    );
+    var thirdDiv = ReactTestUtils.findRenderedDOMComponentWithClass(
+      refHopsAround,
+      'third',
+    );
 
     expect(refHopsAround.refs.hopRef).toEqual(firstDiv);
     expect(refHopsAround.refs.divTwoRef).toEqual(secondDiv);
@@ -241,7 +248,6 @@ describe('ref swapping', () => {
     expect(refHopsAround.refs.divThreeRef).toEqual(thirdDiv);
   });
 
-
   it('always has a value for this.refs', () => {
     class Component extends React.Component {
       render() {
@@ -329,11 +335,11 @@ describe('string refs between fiber and stack', () => {
         ReactDOM.unstable_renderSubtreeIntoContainer(
           this,
           span,
-          this._container = document.createElement('div'),
+          (this._container = document.createElement('div')),
           () => {
             expect(this.refs.span.nodeName).toBe('SPAN');
             layerMounted = true;
-          }
+          },
         );
       }
       componentWillUnmount() {
@@ -350,8 +356,8 @@ describe('string refs between fiber and stack', () => {
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toBe(
         'Warning: You are using React DOM Fiber which is an experimental ' +
-        'renderer. It is likely to have bugs, breaking changes and is ' +
-        'unsupported.'
+          'renderer. It is likely to have bugs, breaking changes and is ' +
+          'unsupported.',
       );
     }
   });
@@ -376,11 +382,11 @@ describe('string refs between fiber and stack', () => {
         ReactDOMFiber.unstable_renderSubtreeIntoContainer(
           this,
           span,
-          this._container = document.createElement('div'),
+          (this._container = document.createElement('div')),
           () => {
             expect(this.refs.span.nodeName).toBe('SPAN');
             layerMounted = true;
-          }
+          },
         );
       }
       componentWillUnmount() {
@@ -397,8 +403,8 @@ describe('string refs between fiber and stack', () => {
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toBe(
         'Warning: You are using React DOM Fiber which is an experimental ' +
-        'renderer. It is likely to have bugs, breaking changes and is ' +
-        'unsupported.'
+          'renderer. It is likely to have bugs, breaking changes and is ' +
+          'unsupported.',
       );
     }
   });
diff --git a/src/renderers/art/ReactARTFiber.js b/src/renderers/art/ReactARTFiber.js
index dbd71d1262..86b04e5e1c 100644
--- a/src/renderers/art/ReactARTFiber.js
+++ b/src/renderers/art/ReactARTFiber.js
@@ -23,7 +23,7 @@ const React = require('react');
 const ReactFiberReconciler = require('ReactFiberReconciler');
 const ReactDOMFrameScheduling = require('ReactDOMFrameScheduling');
 
-const { Component } = React;
+const {Component} = React;
 
 const pooledTransform = new Transform();
 
@@ -133,19 +133,14 @@ function getScaleY(props) {
 function isSameFont(oldFont, newFont) {
   if (oldFont === newFont) {
     return true;
-  } else if (
-    typeof newFont === 'string' ||
-    typeof oldFont === 'string'
-  ) {
+  } else if (typeof newFont === 'string' || typeof oldFont === 'string') {
     return false;
   } else {
-    return (
-      newFont.fontSize === oldFont.fontSize &&
+    return newFont.fontSize === oldFont.fontSize &&
       newFont.fontStyle === oldFont.fontStyle &&
       newFont.fontVariant === oldFont.fontVariant &&
       newFont.fontWeight === oldFont.fontWeight &&
-      newFont.fontFamily === oldFont.fontFamily
-    );
+      newFont.fontFamily === oldFont.fontFamily;
   }
 }
 
@@ -180,24 +175,21 @@ function applyNodeProps(instance, props, prevProps = {}) {
   }
 
   if (
-    instance.xx !== pooledTransform.xx || instance.yx !== pooledTransform.yx ||
-    instance.xy !== pooledTransform.xy || instance.yy !== pooledTransform.yy ||
-    instance.x  !== pooledTransform.x  || instance.y  !== pooledTransform.y
+    instance.xx !== pooledTransform.xx ||
+    instance.yx !== pooledTransform.yx ||
+    instance.xy !== pooledTransform.xy ||
+    instance.yy !== pooledTransform.yy ||
+    instance.x !== pooledTransform.x ||
+    instance.y !== pooledTransform.y
   ) {
     instance.transformTo(pooledTransform);
   }
 
-  if (
-    props.cursor !== prevProps.cursor ||
-    props.title !== prevProps.title
-  ) {
+  if (props.cursor !== prevProps.cursor || props.title !== prevProps.title) {
     instance.indicate(props.cursor, props.title);
   }
 
-  if (
-    instance.blend &&
-    props.opacity !== prevProps.opacity
-  ) {
+  if (instance.blend && props.opacity !== prevProps.opacity) {
     instance.blend(props.opacity == null ? 1 : props.opacity);
   }
 
@@ -256,11 +248,7 @@ function applyShapeProps(instance, props, prevProps = {}) {
     prevProps.height !== props.height ||
     prevProps.width !== props.width
   ) {
-    instance.draw(
-      path,
-      props.width,
-      props.height,
-    );
+    instance.draw(path, props.width, props.height);
 
     instance._prevDelta = path.delta;
     instance._prevPath = path;
@@ -278,12 +266,7 @@ function applyTextProps(instance, props, prevProps = {}) {
     props.alignment !== prevProps.alignment ||
     props.path !== prevProps.path
   ) {
-    instance.draw(
-      string,
-      props.font,
-      props.alignment,
-      props.path,
-    );
+    instance.draw(string, props.font, props.alignment, props.path);
 
     instance._currentString = string;
   }
@@ -327,33 +310,22 @@ class Pattern {
 
 class Surface extends Component {
   componentDidMount() {
-    const { height, width } = this.props;
+    const {height, width} = this.props;
 
     this._surface = Mode.Surface(+width, +height, this._tagRef);
 
     this._mountNode = ARTRenderer.createContainer(this._surface);
-    ARTRenderer.updateContainer(
-      this.props.children,
-      this._mountNode,
-      this,
-    );
+    ARTRenderer.updateContainer(this.props.children, this._mountNode, this);
   }
 
   componentDidUpdate(prevProps, prevState) {
     const props = this.props;
 
-    if (
-      props.height !== prevProps.height ||
-      props.width !== prevProps.width
-    ) {
+    if (props.height !== prevProps.height || props.width !== prevProps.width) {
       this._surface.resize(+props.width, +props.height);
     }
 
-    ARTRenderer.updateContainer(
-      this.props.children,
-      this._mountNode,
-      this,
-    );
+    ARTRenderer.updateContainer(this.props.children, this._mountNode, this);
 
     if (this._surface.render) {
       this._surface.render();
@@ -361,11 +333,7 @@ class Surface extends Component {
   }
 
   componentWillUnmount() {
-    ARTRenderer.updateContainer(
-      null,
-      this._mountNode,
-      this,
-    );
+    ARTRenderer.updateContainer(null, this._mountNode, this);
   }
 
   render() {
@@ -475,7 +443,7 @@ const ARTRenderer = ReactFiberReconciler({
   insertBefore(parentInstance, child, beforeChild) {
     invariant(
       child !== beforeChild,
-      'ReactART: Can not insert node before itself'
+      'ReactART: Can not insert node before itself',
     );
 
     child.injectBefore(beforeChild);
@@ -520,10 +488,8 @@ const ARTRenderer = ReactFiberReconciler({
   scheduleDeferredCallback: ReactDOMFrameScheduling.rIC,
 
   shouldSetTextContent(props) {
-    return (
-      typeof props.children === 'string' ||
-      typeof props.children === 'number'
-    );
+    return typeof props.children === 'string' ||
+      typeof props.children === 'number';
   },
 
   useSyncScheduling: true,
diff --git a/src/renderers/art/ReactARTStack.js b/src/renderers/art/ReactARTStack.js
index 5caf3d82de..e8144f04a6 100644
--- a/src/renderers/art/ReactARTStack.js
+++ b/src/renderers/art/ReactARTStack.js
@@ -12,7 +12,7 @@
 'use strict';
 
 require('art/modes/current').setCurrent(
-  require('art/modes/fast-noSideEffects') // Flip this to DOM mode for debugging
+  require('art/modes/fast-noSideEffects'), // Flip this to DOM mode for debugging
 );
 
 const Transform = require('art/core/transform');
@@ -67,8 +67,9 @@ function createComponent(name) {
  */
 function injectAfter(parentNode, referenceNode, node) {
   let beforeNode;
-  if (node.parentNode === parentNode &&
-      node.previousSibling === referenceNode) {
+  if (
+    node.parentNode === parentNode && node.previousSibling === referenceNode
+  ) {
     return;
   }
   if (referenceNode == null) {
@@ -83,7 +84,7 @@ function injectAfter(parentNode, referenceNode, node) {
     // checks and the behavior isn't well-defined.
     invariant(
       node !== beforeNode,
-      'ReactART: Can not insert node before itself'
+      'ReactART: Can not insert node before itself',
     );
     node.injectBefore(beforeNode);
   } else if (node.parentNode !== parentNode) {
@@ -94,7 +95,6 @@ function injectAfter(parentNode, referenceNode, node) {
 // ContainerMixin for components that can hold ART nodes
 
 const ContainerMixin = assign({}, ReactMultiChild, {
-
   /**
    * Moves a child component to the supplied index.
    *
@@ -153,11 +153,7 @@ const ContainerMixin = assign({}, ReactMultiChild, {
   // Shorthands
 
   mountAndInjectChildren: function(children, transaction, context) {
-    const mountedImages = this.mountChildren(
-      children,
-      transaction,
-      context
-    );
+    const mountedImages = this.mountChildren(children, transaction, context);
     // Each mount image corresponds to one of the flattened children
     let i = 0;
     for (let key in this._renderedChildren) {
@@ -168,15 +164,13 @@ const ContainerMixin = assign({}, ReactMultiChild, {
         i++;
       }
     }
-  }
-
+  },
 });
 
 // Surface is a React DOM Component, not an ART component. It serves as the
 // entry point into the ART reconciler.
 
 const Surface = React.createClass({
-
   displayName: 'Surface',
 
   mixins: [ContainerMixin],
@@ -192,15 +186,16 @@ const Surface = React.createClass({
       this,
       this.props.children,
       transaction,
-      ReactInstanceMap.get(this)._context
+      ReactInstanceMap.get(this)._context,
     );
     ReactUpdates.ReactReconcileTransaction.release(transaction);
   },
 
   componentDidUpdate: function(oldProps) {
     const node = this.node;
-    if (this.props.width != oldProps.width ||
-        this.props.height != oldProps.height) {
+    if (
+      this.props.width != oldProps.width || this.props.height != oldProps.height
+    ) {
       node.resize(+this.props.width, +this.props.height);
     }
 
@@ -210,7 +205,7 @@ const Surface = React.createClass({
       this,
       this.props.children,
       transaction,
-      ReactInstanceMap.get(this)._context
+      ReactInstanceMap.get(this)._context,
     );
     ReactUpdates.ReactReconcileTransaction.release(transaction);
 
@@ -243,8 +238,7 @@ const Surface = React.createClass({
         title={props.title}
       />
     );
-  }
-
+  },
 });
 
 // Various nodes that can go into a surface
@@ -255,11 +249,10 @@ const EventTypes = {
   onMouseOut: 'mouseout',
   onMouseUp: 'mouseup',
   onMouseDown: 'mousedown',
-  onClick: 'click'
+  onClick: 'click',
 };
 
 const NodeMixin = {
-
   construct: function(element) {
     this._currentElement = element;
   },
@@ -314,10 +307,12 @@ const NodeMixin = {
   applyNodeProps: function(oldProps, props) {
     const node = this.node;
 
-    const scaleX = props.scaleX != null ? props.scaleX :
-                 props.scale != null ? props.scale : 1;
-    const scaleY = props.scaleY != null ? props.scaleY :
-                 props.scale != null ? props.scale : 1;
+    const scaleX = props.scaleX != null
+      ? props.scaleX
+      : props.scale != null ? props.scale : 1;
+    const scaleY = props.scaleY != null
+      ? props.scaleY
+      : props.scale != null ? props.scale : 1;
 
     pooledTransform
       .transformTo(1, 0, 0, 1, 0, 0)
@@ -329,9 +324,14 @@ const NodeMixin = {
       pooledTransform.transform(props.transform);
     }
 
-    if (node.xx !== pooledTransform.xx || node.yx !== pooledTransform.yx ||
-        node.xy !== pooledTransform.xy || node.yy !== pooledTransform.yy ||
-        node.x  !== pooledTransform.x  || node.y  !== pooledTransform.y) {
+    if (
+      node.xx !== pooledTransform.xx ||
+      node.yx !== pooledTransform.yx ||
+      node.xy !== pooledTransform.xy ||
+      node.yy !== pooledTransform.yy ||
+      node.x !== pooledTransform.x ||
+      node.y !== pooledTransform.y
+    ) {
       node.transformTo(pooledTransform);
     }
 
@@ -359,21 +359,19 @@ const NodeMixin = {
   mountComponentIntoNode: function(rootID, container) {
     throw new Error(
       'You cannot render an ART component standalone. ' +
-      'You need to wrap it in a Surface.'
+        'You need to wrap it in a Surface.',
     );
-  }
-
+  },
 };
 
 // Group
 
 const Group = createComponent('Group', NodeMixin, ContainerMixin, {
-
   mountComponent: function(
     transaction,
     nativeParent,
     nativeContainerInfo,
-    context
+    context,
   ) {
     this.node = Mode.Group();
     const props = this._currentElement.props;
@@ -399,55 +397,54 @@ const Group = createComponent('Group', NodeMixin, ContainerMixin, {
   unmountComponent: function() {
     this.destroyEventListeners();
     this.unmountChildren();
-  }
-
+  },
 });
 
 // ClippingRectangle
 const ClippingRectangle = createComponent(
-    'ClippingRectangle', NodeMixin, ContainerMixin, {
+  'ClippingRectangle',
+  NodeMixin,
+  ContainerMixin,
+  {
+    mountComponent: function(
+      transaction,
+      nativeParent,
+      nativeContainerInfo,
+      context,
+    ) {
+      this.node = Mode.ClippingRectangle();
+      const props = this._currentElement.props;
+      this.applyClippingProps(emptyObject, props);
+      this.mountAndInjectChildren(props.children, transaction, context);
+      return this.node;
+    },
 
-  mountComponent: function(
-    transaction,
-    nativeParent,
-    nativeContainerInfo,
-    context
-  ) {
-    this.node = Mode.ClippingRectangle();
-    const props = this._currentElement.props;
-    this.applyClippingProps(emptyObject, props);
-    this.mountAndInjectChildren(props.children, transaction, context);
-    return this.node;
+    receiveComponent: function(nextComponent, transaction, context) {
+      const props = nextComponent.props;
+      const oldProps = this._currentElement.props;
+      this.applyClippingProps(oldProps, props);
+      this.updateChildren(props.children, transaction, context);
+      this._currentElement = nextComponent;
+    },
+
+    applyClippingProps: function(oldProps, props) {
+      this.node.width = props.width;
+      this.node.height = props.height;
+      this.node.x = props.x;
+      this.node.y = props.y;
+      this.applyNodeProps(oldProps, props);
+    },
+
+    unmountComponent: function() {
+      this.destroyEventListeners();
+      this.unmountChildren();
+    },
   },
-
-  receiveComponent: function(nextComponent, transaction, context) {
-    const props = nextComponent.props;
-    const oldProps = this._currentElement.props;
-    this.applyClippingProps(oldProps, props);
-    this.updateChildren(props.children, transaction, context);
-    this._currentElement = nextComponent;
-  },
-
-  applyClippingProps: function(oldProps, props) {
-    this.node.width = props.width;
-    this.node.height = props.height;
-    this.node.x = props.x;
-    this.node.y = props.y;
-    this.applyNodeProps(oldProps, props);
-  },
-
-  unmountComponent: function() {
-    this.destroyEventListeners();
-    this.unmountChildren();
-  }
-
-});
-
+);
 
 // Renderables
 
 const RenderableMixin = assign({}, NodeMixin, {
-
   applyRenderableProps: function(oldProps, props) {
     if (oldProps.fill !== props.fill) {
       if (props.fill && props.fill.applyFill) {
@@ -470,7 +467,7 @@ const RenderableMixin = assign({}, NodeMixin, {
         props.strokeWidth,
         props.strokeCap,
         props.strokeJoin,
-        props.strokeDash
+        props.strokeDash,
       );
     }
     this.applyNodeProps(oldProps, props);
@@ -478,14 +475,12 @@ const RenderableMixin = assign({}, NodeMixin, {
 
   unmountComponent: function() {
     this.destroyEventListeners();
-  }
-
+  },
 });
 
 // Shape
 
 const Shape = createComponent('Shape', RenderableMixin, {
-
   construct: function(element) {
     this._currentElement = element;
     this._oldDelta = null;
@@ -496,7 +491,7 @@ const Shape = createComponent('Shape', RenderableMixin, {
     transaction,
     nativeParent,
     nativeContainerInfo,
-    context
+    context,
   ) {
     this.node = Mode.Shape();
     const props = this._currentElement.props;
@@ -516,30 +511,25 @@ const Shape = createComponent('Shape', RenderableMixin, {
     const oldPath = this._oldPath;
     const path = props.d || childrenAsString(props.children);
 
-    if (path.delta !== oldDelta ||
-        path !== oldPath ||
-        oldProps.width !== props.width ||
-        oldProps.height !== props.height) {
-
-      this.node.draw(
-        path,
-        props.width,
-        props.height
-      );
+    if (
+      path.delta !== oldDelta ||
+      path !== oldPath ||
+      oldProps.width !== props.width ||
+      oldProps.height !== props.height
+    ) {
+      this.node.draw(path, props.width, props.height);
 
       this._oldPath = path;
       this._oldDelta = path.delta;
     }
 
     this.applyRenderableProps(oldProps, props);
-  }
-
+  },
 });
 
 // Text
 
 const Text = createComponent('Text', RenderableMixin, {
-
   construct: function(element) {
     this._currentElement = element;
     this._oldString = null;
@@ -549,7 +539,7 @@ const Text = createComponent('Text', RenderableMixin, {
     transaction,
     nativeParent,
     nativeContainerInfo,
-    context
+    context,
   ) {
     const props = this._currentElement.props;
     const newString = childrenAsString(props.children);
@@ -566,13 +556,11 @@ const Text = createComponent('Text', RenderableMixin, {
     if (typeof newFont === 'string' || typeof oldFont === 'string') {
       return false;
     }
-    return (
-      newFont.fontSize === oldFont.fontSize &&
+    return newFont.fontSize === oldFont.fontSize &&
       newFont.fontStyle === oldFont.fontStyle &&
       newFont.fontVariant === oldFont.fontVariant &&
       newFont.fontWeight === oldFont.fontWeight &&
-      newFont.fontFamily === oldFont.fontFamily
-    );
+      newFont.fontFamily === oldFont.fontFamily;
   },
 
   receiveComponent: function(nextComponent, transaction, context) {
@@ -582,23 +570,19 @@ const Text = createComponent('Text', RenderableMixin, {
     const oldString = this._oldString;
     const newString = childrenAsString(props.children);
 
-    if (oldString !== newString ||
-        !this.isSameFont(oldProps.font, props.font) ||
-        oldProps.alignment !== props.alignment ||
-        oldProps.path !== props.path) {
-      this.node.draw(
-        newString,
-        props.font,
-        props.alignment,
-        props.path
-      );
+    if (
+      oldString !== newString ||
+      !this.isSameFont(oldProps.font, props.font) ||
+      oldProps.alignment !== props.alignment ||
+      oldProps.path !== props.path
+    ) {
+      this.node.draw(newString, props.font, props.alignment, props.path);
       this._oldString = newString;
     }
 
     this.applyRenderableProps(oldProps, props);
     this._currentElement = nextComponent;
-  }
-
+  },
 });
 
 // Declarative fill type objects - API design not finalized
diff --git a/src/renderers/art/__tests__/ReactART-test.js b/src/renderers/art/__tests__/ReactART-test.js
index fb0ec3cdc2..44000afdea 100644
--- a/src/renderers/art/__tests__/ReactART-test.js
+++ b/src/renderers/art/__tests__/ReactART-test.js
@@ -49,7 +49,6 @@ function testDOMNodeStructure(domNode, expectedStructure) {
 }
 
 describe('ReactART', () => {
-
   beforeEach(() => {
     ARTCurrentMode.setCurrent(ARTSVGMode);
 
@@ -59,29 +58,33 @@ describe('ReactART', () => {
 
     TestComponent = class extends React.Component {
       render() {
-
-        var a =
+        var a = (
           <Shape
             d="M0,0l50,0l0,50l-50,0z"
-            fill={new ReactART.LinearGradient(["black", "white"])}
+            fill={new ReactART.LinearGradient(['black', 'white'])}
             key="a"
-            width={50} height={50}
-            x={50} y={50}
+            width={50}
+            height={50}
+            x={50}
+            y={50}
             opacity={0.1}
-          />;
+          />
+        );
 
-        var b =
+        var b = (
           <Shape
             fill="#3C5A99"
             key="b"
             scale={0.5}
-            x={50} y={50}
+            x={50}
+            y={50}
             title="This is an F"
             cursor="pointer">
             M64.564,38.583H54l0.008-5.834c0-3.035,0.293-4.666,4.657-4.666
             h5.833V16.429h-9.33c-11.213,0-15.159,5.654-15.159,15.16v6.994
             h-6.99v11.652h6.99v33.815H54V50.235h9.331L64.564,38.583z
-          </Shape>;
+          </Shape>
+        );
 
         var c = <Group key="c" />;
 
@@ -113,22 +116,20 @@ describe('ReactART', () => {
       width: '150',
       height: '200',
       children: [
-        { nodeName: 'defs' },
+        {nodeName: 'defs'},
         {
           nodeName: 'g',
           children: [
             {
               nodeName: 'defs',
-              children: [
-                { nodeName: 'linearGradient' }
-              ]
+              children: [{nodeName: 'linearGradient'}],
             },
-            { nodeName: 'path' },
-            { nodeName: 'path' },
-            { nodeName: 'g' }
-          ]
-        }
-      ]
+            {nodeName: 'path'},
+            {nodeName: 'path'},
+            {nodeName: 'g'},
+          ],
+        },
+      ],
     };
 
     var realNode = ReactDOM.findDOMNode(instance);
@@ -137,22 +138,25 @@ describe('ReactART', () => {
 
   it('should be able to reorder components', () => {
     var container = document.createElement('div');
-    var instance = ReactDOM.render(<TestComponent flipped={false} />, container);
+    var instance = ReactDOM.render(
+      <TestComponent flipped={false} />,
+      container,
+    );
 
     var expectedStructure = {
       nodeName: 'svg',
       children: [
-        { nodeName: 'defs' },
+        {nodeName: 'defs'},
         {
           nodeName: 'g',
           children: [
-            { nodeName: 'defs' },
-            { nodeName: 'path', opacity: '0.1' },
-            { nodeName: 'path', opacity: Missing },
-            { nodeName: 'g' }
-          ]
-        }
-      ]
+            {nodeName: 'defs'},
+            {nodeName: 'path', opacity: '0.1'},
+            {nodeName: 'path', opacity: Missing},
+            {nodeName: 'g'},
+          ],
+        },
+      ],
     };
 
     var realNode = ReactDOM.findDOMNode(instance);
@@ -163,17 +167,17 @@ describe('ReactART', () => {
     var expectedNewStructure = {
       nodeName: 'svg',
       children: [
-        { nodeName: 'defs' },
+        {nodeName: 'defs'},
         {
           nodeName: 'g',
           children: [
-            { nodeName: 'defs' },
-            { nodeName: 'path', opacity: Missing },
-            { nodeName: 'path', opacity: '0.1' },
-            { nodeName: 'g' }
-          ]
-        }
-      ]
+            {nodeName: 'defs'},
+            {nodeName: 'path', opacity: Missing},
+            {nodeName: 'path', opacity: '0.1'},
+            {nodeName: 'g'},
+          ],
+        },
+      ],
     };
 
     testDOMNodeStructure(realNode, expectedNewStructure);
@@ -187,7 +191,7 @@ describe('ReactART', () => {
         var chars = this.props.chars.split('');
         return (
           <Surface>
-            {chars.map((text) => <Shape key={text} title={text} />)}
+            {chars.map(text => <Shape key={text} title={text} />)}
           </Surface>
         );
       }
@@ -225,7 +229,7 @@ describe('ReactART', () => {
         <Group>
           <CustomShape />
         </Group>
-      </Surface>
+      </Surface>,
     );
     expect(mounted).toBe(true);
   });
diff --git a/src/renderers/dom/ReactDOM.js b/src/renderers/dom/ReactDOM.js
index 54ac7783b4..23a189f0c5 100644
--- a/src/renderers/dom/ReactDOM.js
+++ b/src/renderers/dom/ReactDOM.js
@@ -44,11 +44,11 @@ var ReactDOM = {
 // Allows for debugging when the hook is injected on the page.
 if (
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject === 'function') {
+  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject === 'function'
+) {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.inject({
     ComponentTree: {
-      getClosestInstanceFromNode:
-        ReactDOMComponentTree.getClosestInstanceFromNode,
+      getClosestInstanceFromNode: ReactDOMComponentTree.getClosestInstanceFromNode,
       getNodeFromInstance: function(inst) {
         // inst is an internal instance (but could be a composite)
         if (inst._renderedComponent) {
@@ -69,21 +69,24 @@ if (
 if (__DEV__) {
   var ExecutionEnvironment = require('fbjs/lib/ExecutionEnvironment');
   if (ExecutionEnvironment.canUseDOM && window.top === window.self) {
-
     // First check if devtools is not installed
     if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') {
       // If we're in Chrome or Firefox, provide a download link if not installed.
-      if ((navigator.userAgent.indexOf('Chrome') > -1 &&
+      if (
+        (navigator.userAgent.indexOf('Chrome') > -1 &&
           navigator.userAgent.indexOf('Edge') === -1) ||
-          navigator.userAgent.indexOf('Firefox') > -1) {
+        navigator.userAgent.indexOf('Firefox') > -1
+      ) {
         // Firefox does not have the issue with devtools loaded over file://
-        var showFileUrlMessage = window.location.protocol.indexOf('http') === -1 &&
-          navigator.userAgent.indexOf('Firefox') === -1;
+        var showFileUrlMessage = window.location.protocol.indexOf('http') ===
+          -1 && navigator.userAgent.indexOf('Firefox') === -1;
         console.debug(
           'Download the React DevTools ' +
-          (showFileUrlMessage ? 'and use an HTTP server (instead of a file: URL) ' : '') +
-          'for a better development experience: ' +
-          'https://fb.me/react-devtools'
+            (showFileUrlMessage
+              ? 'and use an HTTP server (instead of a file: URL) '
+              : '') +
+            'for a better development experience: ' +
+            'https://fb.me/react-devtools',
         );
       }
     }
@@ -91,22 +94,22 @@ if (__DEV__) {
     var testFunc = function testFn() {};
     warning(
       (testFunc.name || testFunc.toString()).indexOf('testFn') !== -1,
-      'It looks like you\'re using a minified copy of the development build ' +
-      'of React. When deploying React apps to production, make sure to use ' +
-      'the production build which skips development warnings and is faster. ' +
-      'See https://fb.me/react-minification for more details.'
+      "It looks like you're using a minified copy of the development build " +
+        'of React. When deploying React apps to production, make sure to use ' +
+        'the production build which skips development warnings and is faster. ' +
+        'See https://fb.me/react-minification for more details.',
     );
 
     // If we're in IE8, check to see if we are in compatibility mode and provide
     // information on preventing compatibility mode
-    var ieCompatibilityMode =
-      document.documentMode && document.documentMode < 8;
+    var ieCompatibilityMode = document.documentMode &&
+      document.documentMode < 8;
 
     warning(
       !ieCompatibilityMode,
       'Internet Explorer is running in compatibility mode; please add the ' +
-      'following tag to your HTML to prevent this from happening: ' +
-      '<meta http-equiv="X-UA-Compatible" content="IE=edge" />'
+        'following tag to your HTML to prevent this from happening: ' +
+        '<meta http-equiv="X-UA-Compatible" content="IE=edge" />',
     );
 
     var expectedFeatures = [
@@ -127,7 +130,7 @@ if (__DEV__) {
         warning(
           false,
           'One or more ES5 shims expected by React are not available: ' +
-          'https://fb.me/react-warning-polyfills'
+            'https://fb.me/react-warning-polyfills',
         );
         break;
       }
diff --git a/src/renderers/dom/__mocks__/ReactDOM.js b/src/renderers/dom/__mocks__/ReactDOM.js
index 00d14eb7f1..c5965c9ec9 100644
--- a/src/renderers/dom/__mocks__/ReactDOM.js
+++ b/src/renderers/dom/__mocks__/ReactDOM.js
@@ -13,5 +13,6 @@ var ReactDOMFeatureFlags = require('ReactDOMFeatureFlags');
 
 var useFiber = ReactDOMFeatureFlags.useFiber;
 
-module.exports =
-  useFiber ? require('ReactDOMFiber') : require.requireActual('ReactDOM');
+module.exports = useFiber
+  ? require('ReactDOMFiber')
+  : require.requireActual('ReactDOM');
diff --git a/src/renderers/dom/__tests__/ReactDOMProduction-test.js b/src/renderers/dom/__tests__/ReactDOMProduction-test.js
index 22a2ef337b..4658675604 100644
--- a/src/renderers/dom/__tests__/ReactDOMProduction-test.js
+++ b/src/renderers/dom/__tests__/ReactDOMProduction-test.js
@@ -69,7 +69,7 @@ describe('ReactDOMProduction', () => {
         <Component key={2}>B</Component>
         <Component key={3}>C</Component>
       </div>,
-      container
+      container,
     );
 
     expect(container.firstChild).toBe(inst);
@@ -82,7 +82,7 @@ describe('ReactDOMProduction', () => {
         <Component key={1}>A</Component>
         <Component key={3}>C</Component>
       </div>,
-      container
+      container,
     );
 
     expect(inst.className).toBe('red');
@@ -126,10 +126,7 @@ describe('ReactDOMProduction', () => {
     }
 
     var container = document.createElement('div');
-    var inst = ReactDOM.render(
-      <Component x={1} />,
-      container
-    );
+    var inst = ReactDOM.render(<Component x={1} />, container);
     expect(log).toEqual([
       ['componentWillMount'],
       ['render'],
@@ -147,15 +144,10 @@ describe('ReactDOMProduction', () => {
     log = [];
 
     inst.setState({y: 2});
-    expect(log).toEqual([
-      ['shouldComponentUpdate', {x: 1}, {y: 2}],
-    ]);
+    expect(log).toEqual([['shouldComponentUpdate', {x: 1}, {y: 2}]]);
     log = [];
 
-    ReactDOM.render(
-      <Component x={2} />,
-      container
-    );
+    ReactDOM.render(<Component x={2} />, container);
     expect(log).toEqual([
       ['componentWillReceiveProps', {x: 2}],
       ['shouldComponentUpdate', {x: 2}, {y: 2}],
@@ -165,10 +157,7 @@ describe('ReactDOMProduction', () => {
     ]);
     log = [];
 
-    ReactDOM.render(
-      <Component x={2} />,
-      container
-    );
+    ReactDOM.render(<Component x={2} />, container);
     expect(log).toEqual([
       ['componentWillReceiveProps', {x: 2}],
       ['shouldComponentUpdate', {x: 2}, {y: 2}],
@@ -176,9 +165,7 @@ describe('ReactDOMProduction', () => {
     log = [];
 
     ReactDOM.unmountComponentAtNode(container);
-    expect(log).toEqual([
-      ['componentWillUnmount'],
-    ]);
+    expect(log).toEqual([['componentWillUnmount']]);
   });
 
   it('should throw with an error code in production', () => {
@@ -193,9 +180,9 @@ describe('ReactDOMProduction', () => {
       ReactDOM.render(<Component />, container);
     }).toThrowError(
       'Minified React error #109; visit ' +
-      'http://facebook.github.io/react/docs/error-decoder.html?invariant=109&args[]=Component' +
-      ' for the full message or use the non-minified dev environment' +
-      ' for full errors and additional helpful warnings.'
+        'http://facebook.github.io/react/docs/error-decoder.html?invariant=109&args[]=Component' +
+        ' for the full message or use the non-minified dev environment' +
+        ' for full errors and additional helpful warnings.',
     );
   });
 
@@ -232,7 +219,7 @@ describe('ReactDOMProduction', () => {
       var usePortal = function(tree) {
         return ReactDOM.unstable_createPortal(
           tree,
-          document.createElement('div')
+          document.createElement('div'),
         );
       };
       var assertNamespacesMatch = function(tree) {
@@ -266,14 +253,14 @@ describe('ReactDOMProduction', () => {
                     {usePortal(<p {...expectHTML} />)}
                   </svg>
                   <image {...expectSVG} />
-                </svg>
+                </svg>,
               )}
               <p {...expectHTML} />
             </foreignObject>
             <image {...expectSVG} />
           </svg>
           <p {...expectHTML} />
-        </div>
+        </div>,
       );
     });
   }
diff --git a/src/renderers/dom/fiber/ReactDOMFiber.js b/src/renderers/dom/fiber/ReactDOMFiber.js
index f1f61f1eb4..be4d800a7d 100644
--- a/src/renderers/dom/fiber/ReactDOMFiber.js
+++ b/src/renderers/dom/fiber/ReactDOMFiber.js
@@ -12,8 +12,8 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { ReactNodeList } from 'ReactTypes';
+import type {Fiber} from 'ReactFiber';
+import type {ReactNodeList} from 'ReactTypes';
 
 var ReactBrowserEventEmitter = require('ReactBrowserEventEmitter');
 var ReactControlledComponent = require('ReactControlledComponent');
@@ -28,8 +28,8 @@ var ReactFiberReconciler = require('ReactFiberReconciler');
 var ReactInputSelection = require('ReactInputSelection');
 var ReactInstanceMap = require('ReactInstanceMap');
 var ReactPortal = require('ReactPortal');
-var { isValidElement } = require('react');
-var { injectInternals } = require('ReactFiberDevToolsHook');
+var {isValidElement} = require('react');
+var {injectInternals} = require('ReactFiberDevToolsHook');
 
 var findDOMNode = require('findDOMNode');
 var invariant = require('fbjs/lib/invariant');
@@ -49,40 +49,39 @@ var {
 
 if (__DEV__) {
   var validateDOMNesting = require('validateDOMNesting');
-  var { updatedAncestorInfo } = validateDOMNesting;
+  var {updatedAncestorInfo} = validateDOMNesting;
 }
 
-
 const DOCUMENT_NODE = 9;
 
 ReactDOMInjection.inject();
 ReactControlledComponent.injection.injectFiberControlledHostComponent(
-  ReactDOMFiberComponent
+  ReactDOMFiberComponent,
 );
 findDOMNode._injectFiber(function(fiber: Fiber) {
   return DOMRenderer.findHostInstance(fiber);
 });
 
-type DOMContainerElement = Element & { _reactRootContainer: ?Object };
+type DOMContainerElement = Element & {_reactRootContainer: ?Object};
 
 type Container = Element;
 type Props = {
-  autoFocus ?: boolean,
-  children ?: mixed,
-  hidden ?: boolean,
+  autoFocus?: boolean,
+  children?: mixed,
+  hidden?: boolean,
 };
 type Instance = Element;
 type TextInstance = Text;
 
 type HostContextDev = {
-  namespace : string,
-  ancestorInfo : mixed,
+  namespace: string,
+  ancestorInfo: mixed,
 };
 type HostContextProd = string;
 type HostContext = HostContextDev | HostContextProd;
 
-let eventsEnabled : ?boolean = null;
-let selectionInformation : ?mixed = null;
+let eventsEnabled: ?boolean = null;
+let selectionInformation: ?mixed = null;
 
 var ELEMENT_NODE_TYPE = 1;
 var DOC_NODE_TYPE = 9;
@@ -96,11 +95,10 @@ var DOCUMENT_FRAGMENT_NODE_TYPE = 11;
  * @internal
  */
 function isValidContainer(node) {
-  return !!(node && (
-    node.nodeType === ELEMENT_NODE_TYPE ||
-    node.nodeType === DOC_NODE_TYPE ||
-    node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE
-  ));
+  return !!(node &&
+    (node.nodeType === ELEMENT_NODE_TYPE ||
+      node.nodeType === DOC_NODE_TYPE ||
+      node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE));
 }
 
 function validateContainer(container) {
@@ -109,7 +107,7 @@ function validateContainer(container) {
   }
 }
 
-function getReactRootElementInContainer(container : any) {
+function getReactRootElementInContainer(container: any) {
   if (!container) {
     return null;
   }
@@ -121,10 +119,7 @@ function getReactRootElementInContainer(container : any) {
   }
 }
 
-function shouldAutoFocusHostComponent(
-  type : string,
-  props : Props,
-) : boolean {
+function shouldAutoFocusHostComponent(type: string, props: Props): boolean {
   switch (type) {
     case 'button':
     case 'input':
@@ -136,14 +131,16 @@ function shouldAutoFocusHostComponent(
 }
 
 var DOMRenderer = ReactFiberReconciler({
-
-  getRootHostContext(rootContainerInstance : Container) : HostContext {
+  getRootHostContext(rootContainerInstance: Container): HostContext {
     const ownNamespace = rootContainerInstance.namespaceURI || null;
     const type = rootContainerInstance.tagName;
     const namespace = getChildNamespace(ownNamespace, type);
     if (__DEV__) {
-      const isMountingIntoDocument = rootContainerInstance.ownerDocument.documentElement === rootContainerInstance;
-      const validatedTag = isMountingIntoDocument ? '#document' : type.toLowerCase();
+      const isMountingIntoDocument = rootContainerInstance.ownerDocument.documentElement ===
+        rootContainerInstance;
+      const validatedTag = isMountingIntoDocument
+        ? '#document'
+        : type.toLowerCase();
       const ancestorInfo = updatedAncestorInfo(null, validatedTag, null);
       return {namespace, ancestorInfo};
     }
@@ -151,16 +148,20 @@ var DOMRenderer = ReactFiberReconciler({
   },
 
   getChildHostContext(
-    parentHostContext : HostContext,
-    type : string,
-  ) : HostContext {
+    parentHostContext: HostContext,
+    type: string,
+  ): HostContext {
     if (__DEV__) {
-      const parentHostContextDev = ((parentHostContext : any) : HostContextDev);
+      const parentHostContextDev = ((parentHostContext: any): HostContextDev);
       const namespace = getChildNamespace(parentHostContextDev.namespace, type);
-      const ancestorInfo = updatedAncestorInfo(parentHostContextDev.ancestorInfo, type, null);
+      const ancestorInfo = updatedAncestorInfo(
+        parentHostContextDev.ancestorInfo,
+        type,
+        null,
+      );
       return {namespace, ancestorInfo};
     }
-    const parentNamespace = ((parentHostContext : any) : HostContextProd);
+    const parentNamespace = ((parentHostContext: any): HostContextProd);
     return getChildNamespace(parentNamespace, type);
   },
 
@@ -168,13 +169,13 @@ var DOMRenderer = ReactFiberReconciler({
     return instance;
   },
 
-  prepareForCommit() : void {
+  prepareForCommit(): void {
     eventsEnabled = ReactBrowserEventEmitter.isEnabled();
     selectionInformation = ReactInputSelection.getSelectionInformation();
     ReactBrowserEventEmitter.setEnabled(false);
   },
 
-  resetAfterCommit() : void {
+  resetAfterCommit(): void {
     ReactInputSelection.restoreSelection(selectionInformation);
     selectionInformation = null;
     ReactBrowserEventEmitter.setEnabled(eventsEnabled);
@@ -182,88 +183,114 @@ var DOMRenderer = ReactFiberReconciler({
   },
 
   createInstance(
-    type : string,
-    props : Props,
-    rootContainerInstance : Container,
-    hostContext : HostContext,
-    internalInstanceHandle : Object,
-  ) : Instance {
-    let parentNamespace : string;
+    type: string,
+    props: Props,
+    rootContainerInstance: Container,
+    hostContext: HostContext,
+    internalInstanceHandle: Object,
+  ): Instance {
+    let parentNamespace: string;
     if (__DEV__) {
       // TODO: take namespace into account when validating.
-      const hostContextDev = ((hostContext : any) : HostContextDev);
+      const hostContextDev = ((hostContext: any): HostContextDev);
       validateDOMNesting(type, null, null, hostContextDev.ancestorInfo);
       if (
-        typeof props.children === 'string' ||
-        typeof props.children === 'number'
+        typeof props.children === 'string' || typeof props.children === 'number'
       ) {
         const string = '' + props.children;
-        const ownAncestorInfo = updatedAncestorInfo(hostContextDev.ancestorInfo, type, null);
+        const ownAncestorInfo = updatedAncestorInfo(
+          hostContextDev.ancestorInfo,
+          type,
+          null,
+        );
         validateDOMNesting(null, string, null, ownAncestorInfo);
       }
       parentNamespace = hostContextDev.namespace;
     } else {
-      parentNamespace = ((hostContext : any) : HostContextProd);
+      parentNamespace = ((hostContext: any): HostContextProd);
     }
-    const domElement : Instance = createElement(type, props, rootContainerInstance, parentNamespace);
+    const domElement: Instance = createElement(
+      type,
+      props,
+      rootContainerInstance,
+      parentNamespace,
+    );
     precacheFiberNode(internalInstanceHandle, domElement);
     updateFiberProps(domElement, props);
     return domElement;
   },
 
-  appendInitialChild(parentInstance : Instance, child : Instance | TextInstance) : void {
+  appendInitialChild(
+    parentInstance: Instance,
+    child: Instance | TextInstance,
+  ): void {
     parentInstance.appendChild(child);
   },
 
   finalizeInitialChildren(
-    domElement : Instance,
-    type : string,
-    props : Props,
-    rootContainerInstance : Container,
-  ) : boolean {
+    domElement: Instance,
+    type: string,
+    props: Props,
+    rootContainerInstance: Container,
+  ): boolean {
     setInitialProperties(domElement, type, props, rootContainerInstance);
     return shouldAutoFocusHostComponent(type, props);
   },
 
   prepareUpdate(
-    domElement : Instance,
-    type : string,
-    oldProps : Props,
-    newProps : Props,
-    rootContainerInstance : Container,
-    hostContext : HostContext,
-  ) : null | Array<mixed> {
+    domElement: Instance,
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+    rootContainerInstance: Container,
+    hostContext: HostContext,
+  ): null | Array<mixed> {
     if (__DEV__) {
-      const hostContextDev = ((hostContext : any) : HostContextDev);
-      if (typeof newProps.children !== typeof oldProps.children && (
-        typeof newProps.children === 'string' ||
-        typeof newProps.children === 'number'
-      )) {
+      const hostContextDev = ((hostContext: any): HostContextDev);
+      if (
+        typeof newProps.children !== typeof oldProps.children &&
+        (typeof newProps.children === 'string' ||
+          typeof newProps.children === 'number')
+      ) {
         const string = '' + newProps.children;
-        const ownAncestorInfo = updatedAncestorInfo(hostContextDev.ancestorInfo, type, null);
+        const ownAncestorInfo = updatedAncestorInfo(
+          hostContextDev.ancestorInfo,
+          type,
+          null,
+        );
         validateDOMNesting(null, string, null, ownAncestorInfo);
       }
     }
-    return diffProperties(domElement, type, oldProps, newProps, rootContainerInstance);
+    return diffProperties(
+      domElement,
+      type,
+      oldProps,
+      newProps,
+      rootContainerInstance,
+    );
   },
 
   commitMount(
-    domElement : Instance,
-    type : string,
-    newProps : Props,
-    internalInstanceHandle : Object,
-  ) : void {
-    ((domElement : any) : HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement).focus();
+    domElement: Instance,
+    type: string,
+    newProps: Props,
+    internalInstanceHandle: Object,
+  ): void {
+    ((domElement: any):
+      | HTMLButtonElement
+      | HTMLInputElement
+      | HTMLSelectElement
+      | HTMLTextAreaElement).focus();
   },
 
   commitUpdate(
-    domElement : Instance,
-    updatePayload : Array<mixed>,
-    type : string,
-    oldProps : Props,
-    newProps : Props,
-    internalInstanceHandle : Object,
-  ) : void {
+    domElement: Instance,
+    updatePayload: Array<mixed>,
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+    internalInstanceHandle: Object,
+  ): void {
     // Update the props handle so that we know which props are the ones with
     // with current event handlers.
     updateFiberProps(domElement, newProps);
@@ -271,58 +298,64 @@ var DOMRenderer = ReactFiberReconciler({
     updateProperties(domElement, updatePayload, type, oldProps, newProps);
   },
 
-  shouldSetTextContent(props : Props) : boolean {
-    return (
-      typeof props.children === 'string' ||
+  shouldSetTextContent(props: Props): boolean {
+    return typeof props.children === 'string' ||
       typeof props.children === 'number' ||
-      (
-        typeof props.dangerouslySetInnerHTML === 'object' &&
+      (typeof props.dangerouslySetInnerHTML === 'object' &&
         props.dangerouslySetInnerHTML !== null &&
-        typeof props.dangerouslySetInnerHTML.__html === 'string'
-      )
-    );
+        typeof props.dangerouslySetInnerHTML.__html === 'string');
   },
 
-  resetTextContent(domElement : Instance) : void {
+  resetTextContent(domElement: Instance): void {
     domElement.textContent = '';
   },
 
-  shouldDeprioritizeSubtree(type : string, props : Props) : boolean {
+  shouldDeprioritizeSubtree(type: string, props: Props): boolean {
     return !!props.hidden;
   },
 
   createTextInstance(
-    text : string,
-    rootContainerInstance : Container,
-    hostContext : HostContext,
-    internalInstanceHandle : Object
-  ) : TextInstance {
+    text: string,
+    rootContainerInstance: Container,
+    hostContext: HostContext,
+    internalInstanceHandle: Object,
+  ): TextInstance {
     if (__DEV__) {
-      const hostContextDev = ((hostContext : any) : HostContextDev);
+      const hostContextDev = ((hostContext: any): HostContextDev);
       validateDOMNesting(null, text, null, hostContextDev.ancestorInfo);
     }
-    var textNode : TextInstance = document.createTextNode(text);
+    var textNode: TextInstance = document.createTextNode(text);
     precacheFiberNode(internalInstanceHandle, textNode);
     return textNode;
   },
 
-  commitTextUpdate(textInstance : TextInstance, oldText : string, newText : string) : void {
+  commitTextUpdate(
+    textInstance: TextInstance,
+    oldText: string,
+    newText: string,
+  ): void {
     textInstance.nodeValue = newText;
   },
 
-  appendChild(parentInstance : Instance | Container, child : Instance | TextInstance) : void {
+  appendChild(
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+  ): void {
     parentInstance.appendChild(child);
   },
 
   insertBefore(
-    parentInstance : Instance | Container,
-    child : Instance | TextInstance,
-    beforeChild : Instance | TextInstance
-  ) : void {
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+    beforeChild: Instance | TextInstance,
+  ): void {
     parentInstance.insertBefore(child, beforeChild);
   },
 
-  removeChild(parentInstance : Instance | Container, child : Instance | TextInstance) : void {
+  removeChild(
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+  ): void {
     parentInstance.removeChild(child);
   },
 
@@ -331,10 +364,11 @@ var DOMRenderer = ReactFiberReconciler({
   scheduleDeferredCallback: ReactDOMFrameScheduling.rIC,
 
   useSyncScheduling: !ReactDOMFeatureFlags.fiberAsyncScheduling,
-
 });
 
-ReactGenericBatching.injection.injectFiberBatchedUpdates(DOMRenderer.batchedUpdates);
+ReactGenericBatching.injection.injectFiberBatchedUpdates(
+  DOMRenderer.batchedUpdates,
+);
 
 var warned = false;
 
@@ -343,21 +377,22 @@ function warnAboutUnstableUse() {
   warning(
     warned || ReactDOMFeatureFlags.useFiber,
     'You are using React DOM Fiber which is an experimental renderer. ' +
-    'It is likely to have bugs, breaking changes and is unsupported.'
+      'It is likely to have bugs, breaking changes and is unsupported.',
   );
   warned = true;
 }
 
 function renderSubtreeIntoContainer(
-  parentComponent : ?ReactComponent<any, any, any>,
-  children : ReactNodeList,
-  containerNode : DOMContainerElement | Document,
-  callback: ?Function
+  parentComponent: ?ReactComponent<any, any, any>,
+  children: ReactNodeList,
+  containerNode: DOMContainerElement | Document,
+  callback: ?Function,
 ) {
   validateContainer(containerNode);
 
-  let container : DOMContainerElement =
-    containerNode.nodeType === DOCUMENT_NODE ? (containerNode : any).documentElement : (containerNode : any);
+  let container: DOMContainerElement = containerNode.nodeType === DOCUMENT_NODE
+    ? (containerNode: any).documentElement
+    : (containerNode: any);
   let root = container._reactRootContainer;
   if (!root) {
     // First clear any existing content.
@@ -365,7 +400,7 @@ function renderSubtreeIntoContainer(
       container.removeChild(container.lastChild);
     }
     const newRoot = DOMRenderer.createContainer(container);
-    root = container._reactRootContainer = newRoot;
+    root = (container._reactRootContainer = newRoot);
     // Initial mount should not be batched.
     DOMRenderer.unbatchedUpdates(() => {
       DOMRenderer.updateContainer(children, newRoot, parentComponent, callback);
@@ -377,8 +412,11 @@ function renderSubtreeIntoContainer(
 }
 
 var ReactDOM = {
-
-  render(element : ReactElement<any>, container : DOMContainerElement, callback: ?Function) {
+  render(
+    element: ReactElement<any>,
+    container: DOMContainerElement,
+    callback: ?Function,
+  ) {
     validateContainer(container);
 
     if (ReactFeatureFlags.disableNewFiberFeatures) {
@@ -390,29 +428,26 @@ var ReactDOM = {
           invariant(
             false,
             'ReactDOM.render(): Invalid component element. Instead of ' +
-            'passing a string like \'div\', pass ' +
-            'React.createElement(\'div\') or <div />.'
+              "passing a string like 'div', pass " +
+              "React.createElement('div') or <div />.",
           );
         } else if (typeof element === 'function') {
           invariant(
             false,
             'ReactDOM.render(): Invalid component element. Instead of ' +
-            'passing a class like Foo, pass React.createElement(Foo) ' +
-            'or <Foo />.'
+              'passing a class like Foo, pass React.createElement(Foo) ' +
+              'or <Foo />.',
           );
         } else if (element != null && typeof element.props !== 'undefined') {
           // Check if it quacks like an element
           invariant(
             false,
             'ReactDOM.render(): Invalid component element. This may be ' +
-            'caused by unintentionally loading two independent copies ' +
-            'of React.'
+              'caused by unintentionally loading two independent copies ' +
+              'of React.',
           );
         } else {
-          invariant(
-            false,
-            'ReactDOM.render(): Invalid component element.'
-          );
+          invariant(false, 'ReactDOM.render(): Invalid component element.');
         }
       }
     }
@@ -420,24 +455,24 @@ var ReactDOM = {
     if (__DEV__) {
       const isRootRenderedBySomeReact = !!container._reactRootContainer;
       const rootEl = getReactRootElementInContainer(container);
-      const hasNonRootReactChild = !!(rootEl && ReactDOMComponentTree.getInstanceFromNode(rootEl));
+      const hasNonRootReactChild = !!(rootEl &&
+        ReactDOMComponentTree.getInstanceFromNode(rootEl));
 
       warning(
-        !hasNonRootReactChild ||
-        isRootRenderedBySomeReact,
+        !hasNonRootReactChild || isRootRenderedBySomeReact,
         'render(...): Replacing React-rendered children with a new root ' +
-        'component. If you intended to update the children of this node, ' +
-        'you should instead have the existing children update their state ' +
-        'and render the new components instead of calling ReactDOM.render.'
+          'component. If you intended to update the children of this node, ' +
+          'you should instead have the existing children update their state ' +
+          'and render the new components instead of calling ReactDOM.render.',
       );
 
       warning(
         !container.tagName || container.tagName.toUpperCase() !== 'BODY',
         'render(): Rendering components directly into document.body is ' +
-        'discouraged, since its children are often manipulated by third-party ' +
-        'scripts and browser extensions. This may lead to subtle ' +
-        'reconciliation issues. Try rendering into a container element created ' +
-        'for your app.'
+          'discouraged, since its children are often manipulated by third-party ' +
+          'scripts and browser extensions. This may lead to subtle ' +
+          'reconciliation issues. Try rendering into a container element created ' +
+          'for your app.',
       );
     }
 
@@ -445,33 +480,39 @@ var ReactDOM = {
   },
 
   unstable_renderSubtreeIntoContainer(
-    parentComponent : ReactComponent<any, any, any>,
-    element : ReactElement<any>,
-    containerNode : DOMContainerElement | Document,
-    callback: ?Function
+    parentComponent: ReactComponent<any, any, any>,
+    element: ReactElement<any>,
+    containerNode: DOMContainerElement | Document,
+    callback: ?Function,
   ) {
     invariant(
       parentComponent != null && ReactInstanceMap.has(parentComponent),
-      'parentComponent must be a valid React Component'
+      'parentComponent must be a valid React Component',
+    );
+    return renderSubtreeIntoContainer(
+      parentComponent,
+      element,
+      containerNode,
+      callback,
     );
-    return renderSubtreeIntoContainer(parentComponent, element, containerNode, callback);
   },
 
-  unmountComponentAtNode(container : DOMContainerElement) {
+  unmountComponentAtNode(container: DOMContainerElement) {
     invariant(
       isValidContainer(container),
-      'unmountComponentAtNode(...): Target container is not a DOM element.'
+      'unmountComponentAtNode(...): Target container is not a DOM element.',
     );
     warnAboutUnstableUse();
 
     if (container._reactRootContainer) {
       if (__DEV__) {
         const rootEl = getReactRootElementInContainer(container);
-        const renderedByDifferentReact = rootEl && !ReactDOMComponentTree.getInstanceFromNode(rootEl);
+        const renderedByDifferentReact = rootEl &&
+          !ReactDOMComponentTree.getInstanceFromNode(rootEl);
         warning(
           !renderedByDifferentReact,
-          'unmountComponentAtNode(): The node you\'re attempting to unmount ' +
-          'was rendered by another copy of React.'
+          "unmountComponentAtNode(): The node you're attempting to unmount " +
+            'was rendered by another copy of React.',
         );
       }
 
@@ -486,7 +527,11 @@ var ReactDOM = {
 
   findDOMNode: findDOMNode,
 
-  unstable_createPortal(children: ReactNodeList, container : DOMContainerElement, key : ?string = null) {
+  unstable_createPortal(
+    children: ReactNodeList,
+    container: DOMContainerElement,
+    key: ?string = null,
+  ) {
     // TODO: pass ReactDOM portal implementation as third argument
     return ReactPortal.createPortal(children, container, null, key);
   },
@@ -494,7 +539,6 @@ var ReactDOM = {
   unstable_batchedUpdates: ReactGenericBatching.batchedUpdates,
 
   unstable_deferredUpdates: DOMRenderer.deferredUpdates,
-
 };
 
 if (typeof injectInternals === 'function') {
diff --git a/src/renderers/dom/fiber/ReactDOMFiberComponent.js b/src/renderers/dom/fiber/ReactDOMFiberComponent.js
index 07123d2ffa..f52a6422cd 100644
--- a/src/renderers/dom/fiber/ReactDOMFiberComponent.js
+++ b/src/renderers/dom/fiber/ReactDOMFiberComponent.js
@@ -24,7 +24,7 @@ var ReactDOMFiberInput = require('ReactDOMFiberInput');
 var ReactDOMFiberOption = require('ReactDOMFiberOption');
 var ReactDOMFiberSelect = require('ReactDOMFiberSelect');
 var ReactDOMFiberTextarea = require('ReactDOMFiberTextarea');
-var { getCurrentFiberOwnerName } = require('ReactDebugCurrentFiber');
+var {getCurrentFiberOwnerName} = require('ReactDebugCurrentFiber');
 
 var emptyFunction = require('fbjs/lib/emptyFunction');
 var invariant = require('fbjs/lib/invariant');
@@ -38,9 +38,13 @@ if (__DEV__) {
   var ReactDOMInvalidARIAHook = require('ReactDOMInvalidARIAHook');
   var ReactDOMNullInputValuePropHook = require('ReactDOMNullInputValuePropHook');
   var ReactDOMUnknownPropertyHook = require('ReactDOMUnknownPropertyHook');
-  var { validateProperties: validateARIAProperties } = ReactDOMInvalidARIAHook;
-  var { validateProperties: validateInputPropertes } = ReactDOMNullInputValuePropHook;
-  var { validateProperties: validateUnknownPropertes } = ReactDOMUnknownPropertyHook;
+  var {validateProperties: validateARIAProperties} = ReactDOMInvalidARIAHook;
+  var {
+    validateProperties: validateInputPropertes,
+  } = ReactDOMNullInputValuePropHook;
+  var {
+    validateProperties: validateUnknownPropertes,
+  } = ReactDOMUnknownPropertyHook;
 }
 
 var didWarnShadyDOM = false;
@@ -63,7 +67,6 @@ var {
 // Node type for document fragments (Node.DOCUMENT_FRAGMENT_NODE).
 var DOC_FRAGMENT_TYPE = 11;
 
-
 function getDeclarationErrorAddendum() {
   var ownerName = getCurrentFiberOwnerName();
   if (ownerName) {
@@ -73,7 +76,7 @@ function getDeclarationErrorAddendum() {
   return '';
 }
 
-function assertValidProps(tag : string, props : ?Object) {
+function assertValidProps(tag: string, props: ?Object) {
   if (!props) {
     return;
   }
@@ -82,53 +85,52 @@ function assertValidProps(tag : string, props : ?Object) {
     invariant(
       props.children == null && props.dangerouslySetInnerHTML == null,
       '%s is a void element tag and must neither have `children` nor ' +
-      'use `dangerouslySetInnerHTML`.%s',
+        'use `dangerouslySetInnerHTML`.%s',
       tag,
-      getDeclarationErrorAddendum()
+      getDeclarationErrorAddendum(),
     );
   }
   if (props.dangerouslySetInnerHTML != null) {
     invariant(
       props.children == null,
-      'Can only set one of `children` or `props.dangerouslySetInnerHTML`.'
+      'Can only set one of `children` or `props.dangerouslySetInnerHTML`.',
     );
     invariant(
       typeof props.dangerouslySetInnerHTML === 'object' &&
-      HTML in props.dangerouslySetInnerHTML,
+        HTML in props.dangerouslySetInnerHTML,
       '`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' +
-      'Please visit https://fb.me/react-invariant-dangerously-set-inner-html ' +
-      'for more information.'
+        'Please visit https://fb.me/react-invariant-dangerously-set-inner-html ' +
+        'for more information.',
     );
   }
   if (__DEV__) {
     warning(
       props.innerHTML == null,
       'Directly setting property `innerHTML` is not permitted. ' +
-      'For more information, lookup documentation on `dangerouslySetInnerHTML`.'
+        'For more information, lookup documentation on `dangerouslySetInnerHTML`.',
     );
     warning(
       props.suppressContentEditableWarning ||
-      !props.contentEditable ||
-      props.children == null,
+        !props.contentEditable ||
+        props.children == null,
       'A component is `contentEditable` and contains `children` managed by ' +
-      'React. It is now your responsibility to guarantee that none of ' +
-      'those nodes are unexpectedly modified or duplicated. This is ' +
-      'probably not intentional.'
+        'React. It is now your responsibility to guarantee that none of ' +
+        'those nodes are unexpectedly modified or duplicated. This is ' +
+        'probably not intentional.',
     );
     warning(
-      props.onFocusIn == null &&
-      props.onFocusOut == null,
+      props.onFocusIn == null && props.onFocusOut == null,
       'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
-      'All React events are normalized to bubble, so onFocusIn and onFocusOut ' +
-      'are not needed/supported by React.'
+        'All React events are normalized to bubble, so onFocusIn and onFocusOut ' +
+        'are not needed/supported by React.',
     );
   }
   invariant(
     props.style == null || typeof props.style === 'object',
     'The `style` prop expects a mapping from style properties to values, ' +
-    'not a string. For example, style={{marginRight: spacing + \'em\'}} when ' +
-    'using JSX.%s',
-     getDeclarationErrorAddendum()
+      "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+      'using JSX.%s',
+    getDeclarationErrorAddendum(),
   );
 }
 
@@ -146,11 +148,13 @@ function ensureListeningTo(rootContainerElement, registrationName) {
     // bubble.
     warning(
       registrationName !== 'onScroll' || isEventSupported('scroll', true),
-      'This browser doesn\'t support the `onScroll` event'
+      "This browser doesn't support the `onScroll` event",
     );
   }
   var isDocumentFragment = rootContainerElement.nodeType === DOC_FRAGMENT_TYPE;
-  var doc = isDocumentFragment ? rootContainerElement : rootContainerElement.ownerDocument;
+  var doc = isDocumentFragment
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
   listenTo(registrationName, doc);
 }
 
@@ -182,7 +186,7 @@ var mediaEvents = {
   topWaiting: 'waiting',
 };
 
-function trapClickOnNonInteractiveElement(node : HTMLElement) {
+function trapClickOnNonInteractiveElement(node: HTMLElement) {
   // Mobile Safari does not fire properly bubble click events on
   // non-interactive elements, which means delegated click listeners do not
   // fire. The workaround for this bug involves attaching an empty click
@@ -195,7 +199,7 @@ function trapClickOnNonInteractiveElement(node : HTMLElement) {
   node.onclick = emptyFunction;
 }
 
-function trapBubbledEventsLocal(node : Element, tag : string) {
+function trapBubbledEventsLocal(node: Element, tag: string) {
   // If a component renders to null or if another component fatals and causes
   // the state of the tree to be corrupted, `node` here can be null.
 
@@ -205,11 +209,7 @@ function trapBubbledEventsLocal(node : Element, tag : string) {
   switch (tag) {
     case 'iframe':
     case 'object':
-      ReactBrowserEventEmitter.trapBubbledEvent(
-        'topLoad',
-        'load',
-        node
-      );
+      ReactBrowserEventEmitter.trapBubbledEvent('topLoad', 'load', node);
       break;
     case 'video':
     case 'audio':
@@ -219,58 +219,30 @@ function trapBubbledEventsLocal(node : Element, tag : string) {
           ReactBrowserEventEmitter.trapBubbledEvent(
             event,
             mediaEvents[event],
-            node
+            node,
           );
         }
       }
       break;
     case 'source':
-      ReactBrowserEventEmitter.trapBubbledEvent(
-        'topError',
-        'error',
-        node
-      );
+      ReactBrowserEventEmitter.trapBubbledEvent('topError', 'error', node);
       break;
     case 'img':
     case 'image':
-      ReactBrowserEventEmitter.trapBubbledEvent(
-        'topError',
-        'error',
-        node
-      );
-      ReactBrowserEventEmitter.trapBubbledEvent(
-        'topLoad',
-        'load',
-        node
-      );
+      ReactBrowserEventEmitter.trapBubbledEvent('topError', 'error', node);
+      ReactBrowserEventEmitter.trapBubbledEvent('topLoad', 'load', node);
       break;
     case 'form':
-      ReactBrowserEventEmitter.trapBubbledEvent(
-        'topReset',
-        'reset',
-        node
-      );
-      ReactBrowserEventEmitter.trapBubbledEvent(
-        'topSubmit',
-        'submit',
-        node
-      );
+      ReactBrowserEventEmitter.trapBubbledEvent('topReset', 'reset', node);
+      ReactBrowserEventEmitter.trapBubbledEvent('topSubmit', 'submit', node);
       break;
     case 'input':
     case 'select':
     case 'textarea':
-      ReactBrowserEventEmitter.trapBubbledEvent(
-        'topInvalid',
-        'invalid',
-        node
-      );
+      ReactBrowserEventEmitter.trapBubbledEvent('topInvalid', 'invalid', node);
       break;
     case 'details':
-      ReactBrowserEventEmitter.trapBubbledEvent(
-        'topToggle',
-        'toggle',
-        node
-      );
+      ReactBrowserEventEmitter.trapBubbledEvent('topToggle', 'toggle', node);
       break;
   }
 }
@@ -279,21 +251,21 @@ function trapBubbledEventsLocal(node : Element, tag : string) {
 // those special-case tags.
 
 var omittedCloseTags = {
-  'area': true,
-  'base': true,
-  'br': true,
-  'col': true,
-  'embed': true,
-  'hr': true,
-  'img': true,
-  'input': true,
-  'keygen': true,
-  'link': true,
-  'meta': true,
-  'param': true,
-  'source': true,
-  'track': true,
-  'wbr': true,
+  area: true,
+  base: true,
+  br: true,
+  col: true,
+  embed: true,
+  hr: true,
+  img: true,
+  input: true,
+  keygen: true,
+  link: true,
+  meta: true,
+  param: true,
+  source: true,
+  track: true,
+  wbr: true,
   // NOTE: menuitem's close tag should be omitted, but that causes problems.
 };
 
@@ -301,7 +273,7 @@ var omittedCloseTags = {
 // `omittedCloseTags` except that `menuitem` should still have its closing tag.
 
 var voidElementTags = {
-  'menuitem': true,
+  menuitem: true,
   ...omittedCloseTags,
 };
 
@@ -310,11 +282,11 @@ function isCustomComponent(tagName, props) {
 }
 
 function setInitialDOMProperties(
-  domElement : Element,
-  rootContainerElement : Element,
-  nextProps : Object,
-  isCustomComponentTag : boolean,
-) : void {
+  domElement: Element,
+  rootContainerElement: Element,
+  nextProps: Object,
+  isCustomComponentTag: boolean,
+): void {
   for (var propKey in nextProps) {
     var nextProp = nextProps[propKey];
     if (!nextProps.hasOwnProperty(propKey)) {
@@ -330,10 +302,7 @@ function setInitialDOMProperties(
       }
       // Relies on `updateStylesByID` not mutating `styleUpdates`.
       // TODO: call ReactInstrumentation.debugTool.onHostOperation in DEV.
-      CSSPropertyOperations.setValueForStyles(
-        domElement,
-        nextProp,
-      );
+      CSSPropertyOperations.setValueForStyles(domElement, nextProp);
     } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
       var nextHtml = nextProp ? nextProp[HTML] : undefined;
       if (nextHtml != null) {
@@ -352,40 +321,37 @@ function setInitialDOMProperties(
         ensureListeningTo(rootContainerElement, propKey);
       }
     } else if (isCustomComponentTag) {
-      DOMPropertyOperations.setValueForAttribute(
-        domElement,
-        propKey,
-        nextProp
-      );
+      DOMPropertyOperations.setValueForAttribute(domElement, propKey, nextProp);
     } else if (
-        DOMProperty.properties[propKey] ||
-        DOMProperty.isCustomAttribute(propKey)) {
+      DOMProperty.properties[propKey] || DOMProperty.isCustomAttribute(propKey)
+    ) {
       // If we're updating to null or undefined, we should remove the property
       // from the DOM node instead of inadvertently setting to a string. This
       // brings us in line with the same behavior we have on initial render.
       if (nextProp != null) {
-        DOMPropertyOperations.setValueForProperty(domElement, propKey, nextProp);
+        DOMPropertyOperations.setValueForProperty(
+          domElement,
+          propKey,
+          nextProp,
+        );
       }
     }
   }
 }
 
 function updateDOMProperties(
-  domElement : Element,
-  updatePayload : Array<any>,
-  wasCustomComponentTag : boolean,
-  isCustomComponentTag : boolean,
-) : void {
+  domElement: Element,
+  updatePayload: Array<any>,
+  wasCustomComponentTag: boolean,
+  isCustomComponentTag: boolean,
+): void {
   // TODO: Handle wasCustomComponentTag
   for (var i = 0; i < updatePayload.length; i += 2) {
     var propKey = updatePayload[i];
     var propValue = updatePayload[i + 1];
     if (propKey === STYLE) {
       // TODO: call ReactInstrumentation.debugTool.onHostOperation in DEV.
-      CSSPropertyOperations.setValueForStyles(
-        domElement,
-        propValue,
-      );
+      CSSPropertyOperations.setValueForStyles(domElement, propValue);
     } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
       setInnerHTML(domElement, propValue);
     } else if (propKey === CHILDREN) {
@@ -395,22 +361,23 @@ function updateDOMProperties(
         DOMPropertyOperations.setValueForAttribute(
           domElement,
           propKey,
-          propValue
+          propValue,
         );
       } else {
-        DOMPropertyOperations.deleteValueForAttribute(
-          domElement,
-          propKey
-        );
+        DOMPropertyOperations.deleteValueForAttribute(domElement, propKey);
       }
     } else if (
-        DOMProperty.properties[propKey] ||
-        DOMProperty.isCustomAttribute(propKey)) {
+      DOMProperty.properties[propKey] || DOMProperty.isCustomAttribute(propKey)
+    ) {
       // If we're updating to null or undefined, we should remove the property
       // from the DOM node instead of inadvertently setting to a string. This
       // brings us in line with the same behavior we have on initial render.
       if (propValue != null) {
-        DOMPropertyOperations.setValueForProperty(domElement, propKey, propValue);
+        DOMPropertyOperations.setValueForProperty(
+          domElement,
+          propKey,
+          propValue,
+        );
       } else {
         DOMPropertyOperations.deleteValueForProperty(domElement, propKey);
       }
@@ -419,7 +386,7 @@ function updateDOMProperties(
 }
 
 // Assumes there is no parent namespace.
-function getIntrinsicNamespace(type : string) : string {
+function getIntrinsicNamespace(type: string): string {
   switch (type) {
     case 'svg':
       return SVG_NAMESPACE;
@@ -431,7 +398,7 @@ function getIntrinsicNamespace(type : string) : string {
 }
 
 var ReactDOMFiberComponent = {
-  getChildNamespace(parentNamespace : string | null, type : string) : string {
+  getChildNamespace(parentNamespace: string | null, type: string): string {
     if (parentNamespace == null || parentNamespace === HTML_NAMESPACE) {
       // No (or default) parent namespace: potential entry point.
       return getIntrinsicNamespace(type);
@@ -445,15 +412,15 @@ var ReactDOMFiberComponent = {
   },
 
   createElement(
-    type : string,
-    props : Object,
-    rootContainerElement : Element,
-    parentNamespace : string
-  ) : Element {
+    type: string,
+    props: Object,
+    rootContainerElement: Element,
+    parentNamespace: string,
+  ): Element {
     // We create tags in the namespace of their parent container, except HTML
     // tags get no namespace.
     var ownerDocument = rootContainerElement.ownerDocument;
-    var domElement : Element;
+    var domElement: Element;
     var namespaceURI = parentNamespace;
     if (namespaceURI === HTML_NAMESPACE) {
       namespaceURI = getIntrinsicNamespace(type);
@@ -461,11 +428,10 @@ var ReactDOMFiberComponent = {
     if (namespaceURI === HTML_NAMESPACE) {
       if (__DEV__) {
         warning(
-          type === type.toLowerCase() ||
-          isCustomComponent(type, props),
+          type === type.toLowerCase() || isCustomComponent(type, props),
           '<%s /> is using uppercase HTML. Always use lowercase HTML tags ' +
-          'in React.',
-          type
+            'in React.',
+          type,
         );
       }
 
@@ -473,9 +439,9 @@ var ReactDOMFiberComponent = {
         // Create the script via .innerHTML so its "parser-inserted" flag is
         // set to true and it does not execute
         var div = ownerDocument.createElement('div');
-        div.innerHTML = '<script><' + '/script>';  // eslint-disable-line
+        div.innerHTML = '<script><' + '/script>'; // eslint-disable-line
         // This is guaranteed to yield a script element.
-        var firstChild = ((div.firstChild : any) : HTMLScriptElement);
+        var firstChild = ((div.firstChild: any): HTMLScriptElement);
         domElement = div.removeChild(firstChild);
       } else if (props.is) {
         domElement = ownerDocument.createElement(type, props.is);
@@ -486,22 +452,18 @@ var ReactDOMFiberComponent = {
         domElement = ownerDocument.createElement(type);
       }
     } else {
-      domElement = ownerDocument.createElementNS(
-        namespaceURI,
-        type
-      );
+      domElement = ownerDocument.createElementNS(namespaceURI, type);
     }
 
     return domElement;
   },
 
   setInitialProperties(
-    domElement : Element,
-    tag : string,
-    rawProps : Object,
-    rootContainerElement : Element
-  ) : void {
-
+    domElement: Element,
+    tag: string,
+    rawProps: Object,
+    rootContainerElement: Element,
+  ): void {
     var isCustomComponentTag = isCustomComponent(tag, rawProps);
     if (__DEV__) {
       validatePropertiesInDevelopment(tag, rawProps);
@@ -509,14 +471,14 @@ var ReactDOMFiberComponent = {
         warning(
           false,
           '%s is using shady DOM. Using shady DOM with React can ' +
-          'cause things to break subtly.',
-          getCurrentFiberOwnerName() || 'A component'
+            'cause things to break subtly.',
+          getCurrentFiberOwnerName() || 'A component',
         );
         didWarnShadyDOM = true;
       }
     }
 
-    var props : Object;
+    var props: Object;
     switch (tag) {
       case 'audio':
       case 'form':
@@ -569,20 +531,20 @@ var ReactDOMFiberComponent = {
       domElement,
       rootContainerElement,
       props,
-      isCustomComponentTag
+      isCustomComponentTag,
     );
 
     switch (tag) {
       case 'input':
         // TODO: Make sure we check if this is still unmounted or do any clean
         // up necessary since we never stop tracking anymore.
-        inputValueTracking.trackNode((domElement : any));
+        inputValueTracking.trackNode((domElement: any));
         ReactDOMFiberInput.postMountWrapper(domElement, rawProps);
         break;
       case 'textarea':
         // TODO: Make sure we check if this is still unmounted or do any clean
         // up necessary since we never stop tracking anymore.
-        inputValueTracking.trackNode((domElement : any));
+        inputValueTracking.trackNode((domElement: any));
         ReactDOMFiberTextarea.postMountWrapper(domElement, rawProps);
         break;
       case 'option':
@@ -591,7 +553,7 @@ var ReactDOMFiberComponent = {
       default:
         if (typeof props.onClick === 'function') {
           // TODO: This cast may not be sound for SVG, MathML or custom elements.
-          trapClickOnNonInteractiveElement(((domElement : any) : HTMLElement));
+          trapClickOnNonInteractiveElement(((domElement: any): HTMLElement));
         }
         break;
     }
@@ -599,20 +561,20 @@ var ReactDOMFiberComponent = {
 
   // Calculate the diff between the two objects.
   diffProperties(
-    domElement : Element,
-    tag : string,
-    lastRawProps : Object,
-    nextRawProps : Object,
-    rootContainerElement : Element,
-  ) : null | Array<mixed> {
+    domElement: Element,
+    tag: string,
+    lastRawProps: Object,
+    nextRawProps: Object,
+    rootContainerElement: Element,
+  ): null | Array<mixed> {
     if (__DEV__) {
       validatePropertiesInDevelopment(tag, nextRawProps);
     }
 
-    var updatePayload : null | Array<any> = null;
+    var updatePayload: null | Array<any> = null;
 
-    var lastProps : Object;
-    var nextProps : Object;
+    var lastProps: Object;
+    var nextProps: Object;
     switch (tag) {
       case 'input':
         lastProps = ReactDOMFiberInput.getHostProps(domElement, lastRawProps);
@@ -630,17 +592,25 @@ var ReactDOMFiberComponent = {
         updatePayload = [];
         break;
       case 'textarea':
-        lastProps = ReactDOMFiberTextarea.getHostProps(domElement, lastRawProps);
-        nextProps = ReactDOMFiberTextarea.getHostProps(domElement, nextRawProps);
+        lastProps = ReactDOMFiberTextarea.getHostProps(
+          domElement,
+          lastRawProps,
+        );
+        nextProps = ReactDOMFiberTextarea.getHostProps(
+          domElement,
+          nextRawProps,
+        );
         updatePayload = [];
         break;
       default:
         lastProps = lastRawProps;
         nextProps = nextRawProps;
-        if (typeof lastProps.onClick !== 'function' &&
-            typeof nextProps.onClick === 'function') {
+        if (
+          typeof lastProps.onClick !== 'function' &&
+          typeof nextProps.onClick === 'function'
+        ) {
           // TODO: This cast may not be sound for SVG, MathML or custom elements.
-          trapClickOnNonInteractiveElement(((domElement : any) : HTMLElement));
+          trapClickOnNonInteractiveElement(((domElement: any): HTMLElement));
         }
         break;
     }
@@ -651,9 +621,11 @@ var ReactDOMFiberComponent = {
     var styleName;
     var styleUpdates = null;
     for (propKey in lastProps) {
-      if (nextProps.hasOwnProperty(propKey) ||
-         !lastProps.hasOwnProperty(propKey) ||
-         lastProps[propKey] == null) {
+      if (
+        nextProps.hasOwnProperty(propKey) ||
+        !lastProps.hasOwnProperty(propKey) ||
+        lastProps[propKey] == null
+      ) {
         continue;
       }
       if (propKey === STYLE) {
@@ -666,8 +638,9 @@ var ReactDOMFiberComponent = {
             styleUpdates[styleName] = '';
           }
         }
-      } else if (propKey === DANGEROUSLY_SET_INNER_HTML ||
-                 propKey === CHILDREN) {
+      } else if (
+        propKey === DANGEROUSLY_SET_INNER_HTML || propKey === CHILDREN
+      ) {
         // Noop. This is handled by the clear text mechanism.
       } else if (propKey === SUPPRESS_CONTENT_EDITABLE_WARNING) {
         // Noop
@@ -686,11 +659,12 @@ var ReactDOMFiberComponent = {
     }
     for (propKey in nextProps) {
       var nextProp = nextProps[propKey];
-      var lastProp =
-        lastProps != null ? lastProps[propKey] : undefined;
-      if (!nextProps.hasOwnProperty(propKey) ||
-          nextProp === lastProp ||
-          nextProp == null && lastProp == null) {
+      var lastProp = lastProps != null ? lastProps[propKey] : undefined;
+      if (
+        !nextProps.hasOwnProperty(propKey) ||
+        nextProp === lastProp ||
+        (nextProp == null && lastProp == null)
+      ) {
         continue;
       }
       if (propKey === STYLE) {
@@ -704,8 +678,10 @@ var ReactDOMFiberComponent = {
         if (lastProp) {
           // Unset styles on `lastProp` but not on `nextProp`.
           for (styleName in lastProp) {
-            if (lastProp.hasOwnProperty(styleName) &&
-                (!nextProp || !nextProp.hasOwnProperty(styleName))) {
+            if (
+              lastProp.hasOwnProperty(styleName) &&
+              (!nextProp || !nextProp.hasOwnProperty(styleName))
+            ) {
               if (!styleUpdates) {
                 styleUpdates = {};
               }
@@ -714,8 +690,10 @@ var ReactDOMFiberComponent = {
           }
           // Update styles that changed since `lastProp`.
           for (styleName in nextProp) {
-            if (nextProp.hasOwnProperty(styleName) &&
-                lastProp[styleName] !== nextProp[styleName]) {
+            if (
+              nextProp.hasOwnProperty(styleName) &&
+              lastProp[styleName] !== nextProp[styleName]
+            ) {
               if (!styleUpdates) {
                 styleUpdates = {};
               }
@@ -744,9 +722,10 @@ var ReactDOMFiberComponent = {
           // inserted already.
         }
       } else if (propKey === CHILDREN) {
-        if (lastProp !== nextProp && (
-            typeof nextProp === 'string' || typeof nextProp === 'number'
-            )) {
+        if (
+          lastProp !== nextProp &&
+          (typeof nextProp === 'string' || typeof nextProp === 'number')
+        ) {
           (updatePayload = updatePayload || []).push(propKey, '' + nextProp);
         }
       } else if (propKey === SUPPRESS_CONTENT_EDITABLE_WARNING) {
@@ -776,12 +755,12 @@ var ReactDOMFiberComponent = {
 
   // Apply the diff.
   updateProperties(
-    domElement : Element,
-    updatePayload : Array<any>,
-    tag : string,
-    lastRawProps : Object,
-    nextRawProps : Object
-  ) : void {
+    domElement: Element,
+    updatePayload: Array<any>,
+    tag: string,
+    lastRawProps: Object,
+    nextRawProps: Object,
+  ): void {
     var wasCustomComponentTag = isCustomComponent(tag, lastRawProps);
     var isCustomComponentTag = isCustomComponent(tag, nextRawProps);
     // Apply the diff.
@@ -789,7 +768,7 @@ var ReactDOMFiberComponent = {
       domElement,
       updatePayload,
       wasCustomComponentTag,
-      isCustomComponentTag
+      isCustomComponentTag,
     );
 
     // TODO: Ensure that an update gets scheduled if any of the special props
@@ -812,7 +791,11 @@ var ReactDOMFiberComponent = {
     }
   },
 
-  restoreControlledState(domElement : Element, tag : string, props : Object) : void {
+  restoreControlledState(
+    domElement: Element,
+    tag: string,
+    props: Object,
+  ): void {
     switch (tag) {
       case 'input':
         ReactDOMFiberInput.restoreControlledState(domElement, props);
@@ -825,7 +808,6 @@ var ReactDOMFiberComponent = {
         return;
     }
   },
-
 };
 
 module.exports = ReactDOMFiberComponent;
diff --git a/src/renderers/dom/fiber/ReactDOMFrameScheduling.js b/src/renderers/dom/fiber/ReactDOMFrameScheduling.js
index f6ba6f2b7b..060aa95da6 100644
--- a/src/renderers/dom/fiber/ReactDOMFrameScheduling.js
+++ b/src/renderers/dom/fiber/ReactDOMFrameScheduling.js
@@ -20,18 +20,18 @@
 // layout, paint and other browser work is counted against the available time.
 // The frame rate is dynamically adjusted.
 
-import type { Deadline } from 'ReactFiberReconciler';
+import type {Deadline} from 'ReactFiberReconciler';
 
 var invariant = require('fbjs/lib/invariant');
 
 // TODO: There's no way to cancel these, because Fiber doesn't atm.
-let rAF : (callback : (time : number) => void) => number;
-let rIC : (callback : (deadline : Deadline) => void) => number;
+let rAF: (callback: (time: number) => void) => number;
+let rIC: (callback: (deadline: Deadline) => void) => number;
 if (typeof requestAnimationFrame !== 'function') {
   invariant(
     false,
     'React depends on requestAnimationFrame. Make sure that you load a ' +
-    'polyfill in older browsers.'
+      'polyfill in older browsers.',
   );
 } else if (typeof requestIdleCallback !== 'function') {
   // Wrap requestAnimationFrame and polyfill requestIdleCallback.
@@ -50,22 +50,21 @@ if (typeof requestAnimationFrame !== 'function') {
   var activeFrameTime = 33;
 
   var frameDeadlineObject = {
-    timeRemaining: (
-      typeof performance === 'object' &&
-      typeof performance.now === 'function' ? function() {
-        // We assume that if we have a performance timer that the rAF callback
-        // gets a performance timer value. Not sure if this is always true.
-        return frameDeadline - performance.now();
-      } : function() {
-        // As a fallback we use Date.now.
-        return frameDeadline - Date.now();
-      }
-    ),
+    timeRemaining: typeof performance === 'object' &&
+      typeof performance.now === 'function'
+      ? function() {
+          // We assume that if we have a performance timer that the rAF callback
+          // gets a performance timer value. Not sure if this is always true.
+          return frameDeadline - performance.now();
+        }
+      : function() {
+          // As a fallback we use Date.now.
+          return frameDeadline - Date.now();
+        },
   };
 
   // We use the postMessage trick to defer idle work until after the repaint.
-  var messageKey =
-    '__reactIdleCallback$' + Math.random().toString(36).slice(2);
+  var messageKey = '__reactIdleCallback$' + Math.random().toString(36).slice(2);
   var idleTick = function(event) {
     if (event.source !== window || event.data !== messageKey) {
       return;
@@ -84,7 +83,9 @@ if (typeof requestAnimationFrame !== 'function') {
   var animationTick = function(rafTime) {
     isAnimationFrameScheduled = false;
     var nextFrameTime = rafTime - frameDeadline + activeFrameTime;
-    if (nextFrameTime < activeFrameTime && previousFrameTime < activeFrameTime) {
+    if (
+      nextFrameTime < activeFrameTime && previousFrameTime < activeFrameTime
+    ) {
       if (nextFrameTime < 8) {
         // Defensive coding. We don't support higher frame rates than 120hz.
         // If we get lower than that, it is probably a bug.
@@ -97,8 +98,9 @@ if (typeof requestAnimationFrame !== 'function') {
       // running on 120hz display or 90hz VR display.
       // Take the max of the two in case one of them was an anomaly due to
       // missed frame deadlines.
-      activeFrameTime = nextFrameTime < previousFrameTime ?
-                        previousFrameTime : nextFrameTime;
+      activeFrameTime = nextFrameTime < previousFrameTime
+        ? previousFrameTime
+        : nextFrameTime;
     } else {
       previousFrameTime = nextFrameTime;
     }
@@ -114,7 +116,7 @@ if (typeof requestAnimationFrame !== 'function') {
     }
   };
 
-  rAF = function(callback : (time : number) => void) : number {
+  rAF = function(callback: (time: number) => void): number {
     // This assumes that we only schedule one callback at a time because that's
     // how Fiber uses it.
     scheduledRAFCallback = callback;
@@ -126,7 +128,7 @@ if (typeof requestAnimationFrame !== 'function') {
     return 0;
   };
 
-  rIC = function(callback : (deadline : Deadline) => void) : number {
+  rIC = function(callback: (deadline: Deadline) => void): number {
     // This assumes that we only schedule one callback at a time because that's
     // how Fiber uses it.
     scheduledRICCallback = callback;
diff --git a/src/renderers/dom/fiber/__tests__/ReactDOMFiber-test.js b/src/renderers/dom/fiber/__tests__/ReactDOMFiber-test.js
index abe13de022..a2280be28f 100644
--- a/src/renderers/dom/fiber/__tests__/ReactDOMFiber-test.js
+++ b/src/renderers/dom/fiber/__tests__/ReactDOMFiber-test.js
@@ -34,20 +34,14 @@ describe('ReactDOMFiber', () => {
   it('should render strings as children', () => {
     const Box = ({value}) => <div>{value}</div>;
 
-    ReactDOM.render(
-      <Box value="foo" />,
-      container
-    );
+    ReactDOM.render(<Box value="foo" />, container);
     expect(container.textContent).toEqual('foo');
   });
 
   it('should render numbers as children', () => {
     const Box = ({value}) => <div>{value}</div>;
 
-    ReactDOM.render(
-      <Box value={10} />,
-      container
-    );
+    ReactDOM.render(<Box value={10} />, container);
 
     expect(container.textContent).toEqual('10');
   });
@@ -55,20 +49,12 @@ describe('ReactDOMFiber', () => {
   it('should be called a callback argument', () => {
     // mounting phase
     let called = false;
-    ReactDOM.render(
-      <div>Foo</div>,
-      container,
-      () => called = true
-    );
+    ReactDOM.render(<div>Foo</div>, container, () => called = true);
     expect(called).toEqual(true);
 
     // updating phase
     called = false;
-    ReactDOM.render(
-      <div>Foo</div>,
-      container,
-      () => called = true
-    );
+    ReactDOM.render(<div>Foo</div>, container, () => called = true);
     expect(called).toEqual(true);
   });
 
@@ -82,21 +68,13 @@ describe('ReactDOMFiber', () => {
 
     // mounting phase
     let called = false;
-    ReactDOM.render(
-      element,
-      container,
-      () => called = true
-    );
+    ReactDOM.render(element, container, () => called = true);
     expect(called).toEqual(true);
 
     // updating phase
     called = false;
     ReactDOM.unstable_batchedUpdates(() => {
-      ReactDOM.render(
-        element,
-        container,
-        () => called = true
-      );
+      ReactDOM.render(element, container, () => called = true);
     });
     expect(called).toEqual(true);
   });
@@ -105,20 +83,14 @@ describe('ReactDOMFiber', () => {
     it('should render a component returning strings directly from render', () => {
       const Text = ({value}) => value;
 
-      ReactDOM.render(
-        <Text value="foo" />,
-        container
-      );
+      ReactDOM.render(<Text value="foo" />, container);
       expect(container.textContent).toEqual('foo');
     });
 
     it('should render a component returning numbers directly from render', () => {
       const Text = ({value}) => value;
 
-      ReactDOM.render(
-        <Text value={10} />,
-        container
-      );
+      ReactDOM.render(<Text value={10} />, container);
 
       expect(container.textContent).toEqual('10');
     });
@@ -133,7 +105,7 @@ describe('ReactDOMFiber', () => {
       let instance = null;
       ReactDOM.render(
         <Text value="foo" ref={ref => instance = ref} />,
-        container
+        container,
       );
 
       const textNode = ReactDOM.findDOMNode(instance);
@@ -145,18 +117,12 @@ describe('ReactDOMFiber', () => {
     it('finds the first child when a component returns a fragment', () => {
       class Fragment extends React.Component {
         render() {
-          return [
-            <div />,
-            <span />,
-          ];
+          return [<div />, <span />];
         }
       }
 
       let instance = null;
-      ReactDOM.render(
-        <Fragment ref={ref => instance = ref} />,
-        container
-      );
+      ReactDOM.render(<Fragment ref={ref => instance = ref} />, container);
 
       expect(container.childNodes.length).toBe(2);
 
@@ -174,18 +140,12 @@ describe('ReactDOMFiber', () => {
 
       class Fragment extends React.Component {
         render() {
-          return [
-            <Wrapper><div /></Wrapper>,
-            <span />,
-          ];
+          return [<Wrapper><div /></Wrapper>, <span />];
         }
       }
 
       let instance = null;
-      ReactDOM.render(
-        <Fragment ref={ref => instance = ref} />,
-        container
-      );
+      ReactDOM.render(<Fragment ref={ref => instance = ref} />, container);
 
       expect(container.childNodes.length).toBe(2);
 
@@ -203,19 +163,12 @@ describe('ReactDOMFiber', () => {
 
       class Fragment extends React.Component {
         render() {
-          return [
-            <NullComponent />,
-            <div />,
-            <span />,
-          ];
+          return [<NullComponent />, <div />, <span />];
         }
       }
 
       let instance = null;
-      ReactDOM.render(
-        <Fragment ref={ref => instance = ref} />,
-        container
-      );
+      ReactDOM.render(<Fragment ref={ref => instance = ref} />, container);
 
       expect(container.childNodes.length).toBe(2);
 
@@ -234,7 +187,7 @@ describe('ReactDOMFiber', () => {
     var usePortal = function(tree) {
       return ReactDOM.unstable_createPortal(
         tree,
-        document.createElement('div')
+        document.createElement('div'),
       );
     };
 
@@ -264,12 +217,9 @@ describe('ReactDOMFiber', () => {
 
       ReactDOM.render(
         <div>
-          {ReactDOM.unstable_createPortal(
-            <div>portal</div>,
-            portalContainer
-          )}
+          {ReactDOM.unstable_createPortal(<div>portal</div>, portalContainer)}
         </div>,
-        container
+        container,
       );
       expect(portalContainer.innerHTML).toBe('<div>portal</div>');
       expect(container.innerHTML).toBe('<div></div>');
@@ -315,7 +265,7 @@ describe('ReactDOMFiber', () => {
             <Child name={`normal[0]:${step}`} />,
             ReactDOM.unstable_createPortal(
               <Child name={`portal1[0]:${step}`} />,
-              portalContainer1
+              portalContainer1,
             ),
             <Child name={`normal[1]:${step}`} />,
             ReactDOM.unstable_createPortal(
@@ -323,7 +273,7 @@ describe('ReactDOMFiber', () => {
                 <Child name={`portal2[0]:${step}`} />,
                 <Child name={`portal2[1]:${step}`} />,
               ],
-              portalContainer2
+              portalContainer2,
             ),
           ];
         }
@@ -331,8 +281,12 @@ describe('ReactDOMFiber', () => {
 
       ReactDOM.render(<Parent step="a" />, container);
       expect(portalContainer1.innerHTML).toBe('<div>portal1[0]:a</div>');
-      expect(portalContainer2.innerHTML).toBe('<div>portal2[0]:a</div><div>portal2[1]:a</div>');
-      expect(container.innerHTML).toBe('<div>normal[0]:a</div><div>normal[1]:a</div>');
+      expect(portalContainer2.innerHTML).toBe(
+        '<div>portal2[0]:a</div><div>portal2[1]:a</div>',
+      );
+      expect(container.innerHTML).toBe(
+        '<div>normal[0]:a</div><div>normal[1]:a</div>',
+      );
       expect(ops).toEqual([
         'normal[0]:a componentDidMount',
         'portal1[0]:a componentDidMount',
@@ -345,8 +299,12 @@ describe('ReactDOMFiber', () => {
       ops.length = 0;
       ReactDOM.render(<Parent step="b" />, container);
       expect(portalContainer1.innerHTML).toBe('<div>portal1[0]:b</div>');
-      expect(portalContainer2.innerHTML).toBe('<div>portal2[0]:b</div><div>portal2[1]:b</div>');
-      expect(container.innerHTML).toBe('<div>normal[0]:b</div><div>normal[1]:b</div>');
+      expect(portalContainer2.innerHTML).toBe(
+        '<div>portal2[0]:b</div><div>portal2[1]:b</div>',
+      );
+      expect(container.innerHTML).toBe(
+        '<div>normal[0]:b</div><div>normal[1]:b</div>',
+      );
       expect(ops).toEqual([
         'normal[0]:b componentDidUpdate',
         'portal1[0]:b componentDidUpdate',
@@ -376,26 +334,36 @@ describe('ReactDOMFiber', () => {
       var portalContainer2 = document.createElement('div');
       var portalContainer3 = document.createElement('div');
 
-      ReactDOM.render([
-        <div>normal[0]</div>,
-        ReactDOM.unstable_createPortal([
-          <div>portal1[0]</div>,
+      ReactDOM.render(
+        [
+          <div>normal[0]</div>,
           ReactDOM.unstable_createPortal(
-            <div>portal2[0]</div>,
-            portalContainer2
+            [
+              <div>portal1[0]</div>,
+              ReactDOM.unstable_createPortal(
+                <div>portal2[0]</div>,
+                portalContainer2,
+              ),
+              ReactDOM.unstable_createPortal(
+                <div>portal3[0]</div>,
+                portalContainer3,
+              ),
+              <div>portal1[1]</div>,
+            ],
+            portalContainer1,
           ),
-          ReactDOM.unstable_createPortal(
-            <div>portal3[0]</div>,
-            portalContainer3
-          ),
-          <div>portal1[1]</div>,
-        ], portalContainer1),
-        <div>normal[1]</div>,
-      ], container);
-      expect(portalContainer1.innerHTML).toBe('<div>portal1[0]</div><div>portal1[1]</div>');
+          <div>normal[1]</div>,
+        ],
+        container,
+      );
+      expect(portalContainer1.innerHTML).toBe(
+        '<div>portal1[0]</div><div>portal1[1]</div>',
+      );
       expect(portalContainer2.innerHTML).toBe('<div>portal2[0]</div>');
       expect(portalContainer3.innerHTML).toBe('<div>portal3[0]</div>');
-      expect(container.innerHTML).toBe('<div>normal[0]</div><div>normal[1]</div>');
+      expect(container.innerHTML).toBe(
+        '<div>normal[0]</div><div>normal[1]</div>',
+      );
 
       ReactDOM.unmountComponentAtNode(container);
       expect(portalContainer1.innerHTML).toBe('');
@@ -409,72 +377,54 @@ describe('ReactDOMFiber', () => {
 
       ReactDOM.render(
         <div>
-          {ReactDOM.unstable_createPortal(
-            <div>portal:1</div>,
-            portalContainer
-          )}
+          {ReactDOM.unstable_createPortal(<div>portal:1</div>, portalContainer)}
         </div>,
-        container
+        container,
       );
       expect(portalContainer.innerHTML).toBe('<div>portal:1</div>');
       expect(container.innerHTML).toBe('<div></div>');
 
       ReactDOM.render(
         <div>
-          {ReactDOM.unstable_createPortal(
-            <div>portal:2</div>,
-            portalContainer
-          )}
+          {ReactDOM.unstable_createPortal(<div>portal:2</div>, portalContainer)}
         </div>,
-        container
+        container,
       );
       expect(portalContainer.innerHTML).toBe('<div>portal:2</div>');
       expect(container.innerHTML).toBe('<div></div>');
 
       ReactDOM.render(
         <div>
-          {ReactDOM.unstable_createPortal(
-            <p>portal:3</p>,
-            portalContainer
-          )}
+          {ReactDOM.unstable_createPortal(<p>portal:3</p>, portalContainer)}
         </div>,
-        container
+        container,
       );
       expect(portalContainer.innerHTML).toBe('<p>portal:3</p>');
       expect(container.innerHTML).toBe('<div></div>');
 
       ReactDOM.render(
         <div>
-          {ReactDOM.unstable_createPortal(
-            ['Hi', 'Bye'],
-            portalContainer
-          )}
+          {ReactDOM.unstable_createPortal(['Hi', 'Bye'], portalContainer)}
         </div>,
-        container
+        container,
       );
       expect(portalContainer.innerHTML).toBe('HiBye');
       expect(container.innerHTML).toBe('<div></div>');
 
       ReactDOM.render(
         <div>
-          {ReactDOM.unstable_createPortal(
-            ['Bye', 'Hi'],
-            portalContainer
-          )}
+          {ReactDOM.unstable_createPortal(['Bye', 'Hi'], portalContainer)}
         </div>,
-        container
+        container,
       );
       expect(portalContainer.innerHTML).toBe('ByeHi');
       expect(container.innerHTML).toBe('<div></div>');
 
       ReactDOM.render(
         <div>
-          {ReactDOM.unstable_createPortal(
-            null,
-            portalContainer
-          )}
+          {ReactDOM.unstable_createPortal(null, portalContainer)}
         </div>,
-        container
+        container,
       );
       expect(portalContainer.innerHTML).toBe('');
       expect(container.innerHTML).toBe('<div></div>');
@@ -484,20 +434,16 @@ describe('ReactDOMFiber', () => {
       assertNamespacesMatch(
         <svg {...expectSVG}>
           <image {...expectSVG} />
-          {usePortal(
-            <div {...expectHTML} />
-          )}
+          {usePortal(<div {...expectHTML} />)}
           <image {...expectSVG} />
-        </svg>
+        </svg>,
       );
       assertNamespacesMatch(
         <math {...expectMath}>
           <mi {...expectMath} />
-          {usePortal(
-            <div {...expectHTML} />
-          )}
+          {usePortal(<div {...expectHTML} />)}
           <mi {...expectMath} />
-        </math>
+        </math>,
       );
       assertNamespacesMatch(
         <div {...expectHTML}>
@@ -505,10 +451,10 @@ describe('ReactDOMFiber', () => {
           {usePortal(
             <svg {...expectSVG}>
               <image {...expectSVG} />
-            </svg>
+            </svg>,
           )}
           <p {...expectHTML} />
-        </div>
+        </div>,
       );
     });
 
@@ -516,15 +462,11 @@ describe('ReactDOMFiber', () => {
       assertNamespacesMatch(
         <svg {...expectSVG}>
           <image {...expectSVG} />
-          {usePortal(
-            <div {...expectHTML} />
-          )}
+          {usePortal(<div {...expectHTML} />)}
           <image {...expectSVG} />
-          {usePortal(
-            <div {...expectHTML} />
-          )}
+          {usePortal(<div {...expectHTML} />)}
           <image {...expectSVG} />
-        </svg>
+        </svg>,
       );
       assertNamespacesMatch(
         <div {...expectHTML}>
@@ -533,11 +475,11 @@ describe('ReactDOMFiber', () => {
             {usePortal(
               <svg {...expectSVG}>
                 <image {...expectSVG} />
-              </svg>
+              </svg>,
             )}
           </math>
           <p {...expectHTML} />
-        </div>
+        </div>,
       );
       assertNamespacesMatch(
         <math {...expectMath}>
@@ -553,34 +495,30 @@ describe('ReactDOMFiber', () => {
                 <p {...expectHTML} />
               </foreignObject>
               <image {...expectSVG} />
-            </svg>
+            </svg>,
           )}
           <mi {...expectMath} />
-        </math>
+        </math>,
       );
       assertNamespacesMatch(
         <div {...expectHTML}>
           {usePortal(
             <svg {...expectSVG}>
-              {usePortal(
-                <div {...expectHTML} />
-              )}
+              {usePortal(<div {...expectHTML} />)}
               <image {...expectSVG} />
-            </svg>
+            </svg>,
           )}
           <p {...expectHTML} />
-        </div>
+        </div>,
       );
       assertNamespacesMatch(
         <svg {...expectSVG}>
           <svg {...expectSVG}>
-            {usePortal(
-              <div {...expectHTML} />
-            )}
+            {usePortal(<div {...expectHTML} />)}
             <image {...expectSVG} />
           </svg>
           <image {...expectSVG} />
-        </svg>
+        </svg>,
       );
     });
 
@@ -590,7 +528,7 @@ describe('ReactDOMFiber', () => {
           {usePortal(
             <svg {...expectSVG}>
               <image {...expectSVG} />
-            </svg>
+            </svg>,
           )}
           <p {...expectHTML} />
           <svg {...expectSVG}>
@@ -603,7 +541,7 @@ describe('ReactDOMFiber', () => {
             <image {...expectSVG} />
           </svg>
           <p {...expectHTML} />
-        </div>
+        </div>,
       );
       assertNamespacesMatch(
         <div {...expectHTML}>
@@ -617,7 +555,7 @@ describe('ReactDOMFiber', () => {
                     <image {...expectSVG} />
                   </svg>
                   <image {...expectSVG} />
-                </svg>
+                </svg>,
               )}
               <image {...expectSVG} />
               <foreignObject {...expectSVG}>
@@ -629,7 +567,7 @@ describe('ReactDOMFiber', () => {
             <image {...expectSVG} />
           </svg>
           <p {...expectHTML} />
-        </div>
+        </div>,
       );
       assertNamespacesMatch(
         <div {...expectHTML}>
@@ -647,14 +585,14 @@ describe('ReactDOMFiber', () => {
                     {usePortal(<p {...expectHTML} />)}
                   </svg>
                   <image {...expectSVG} />
-                </svg>
+                </svg>,
               )}
               <p {...expectHTML} />
             </foreignObject>
             <image {...expectSVG} />
           </svg>
           <p {...expectHTML} />
-        </div>
+        </div>,
       );
     });
 
@@ -667,12 +605,10 @@ describe('ReactDOMFiber', () => {
         assertNamespacesMatch(
           <svg {...expectSVG}>
             <BrokenRender />
-          </svg>
+          </svg>,
         );
       }).toThrow('Hello');
-      assertNamespacesMatch(
-        <div {...expectHTML} />
-      );
+      assertNamespacesMatch(<div {...expectHTML} />);
     });
 
     it('should unwind namespaces on caught errors', () => {
@@ -703,11 +639,9 @@ describe('ReactDOMFiber', () => {
             </ErrorBoundary>
           </foreignObject>
           <image {...expectSVG} />
-        </svg>
-      );
-      assertNamespacesMatch(
-        <div {...expectHTML} />
+        </svg>,
       );
+      assertNamespacesMatch(<div {...expectHTML} />);
     });
 
     it('should unwind namespaces on caught errors in a portal', () => {
@@ -736,13 +670,11 @@ describe('ReactDOMFiber', () => {
                 <math {...expectMath}>
                   <BrokenRender />)
                 </math>
-              </div>
+              </div>,
             )}
           </ErrorBoundary>
-          {usePortal(
-            <div {...expectHTML} />
-          )}
-        </svg>
+          {usePortal(<div {...expectHTML} />)}
+        </svg>,
       );
     });
 
@@ -771,10 +703,7 @@ describe('ReactDOMFiber', () => {
         }
 
         render() {
-          return ReactDOM.unstable_createPortal(
-            <Component />,
-            portalContainer
-          );
+          return ReactDOM.unstable_createPortal(<Component />, portalContainer);
         }
       }
 
@@ -815,10 +744,7 @@ describe('ReactDOMFiber', () => {
         }
 
         render() {
-          return ReactDOM.unstable_createPortal(
-            <Component />,
-            portalContainer
-          );
+          return ReactDOM.unstable_createPortal(<Component />, portalContainer);
         }
       }
 
@@ -858,10 +784,7 @@ describe('ReactDOMFiber', () => {
         }
 
         render() {
-          return ReactDOM.unstable_createPortal(
-            <Component />,
-            portalContainer
-          );
+          return ReactDOM.unstable_createPortal(<Component />, portalContainer);
         }
       }
 
@@ -876,11 +799,9 @@ describe('ReactDOMFiber', () => {
     it('findDOMNode should find dom element after expanding a fragment', () => {
       class MyNode extends React.Component {
         render() {
-          return (
-            !this.props.flag ?
-            [<div key="a" />] :
-            [<span key="b" />, <div key="a" />]
-          );
+          return !this.props.flag
+            ? [<div key="a" />]
+            : [<span key="b" />, <div key="a" />];
         }
       }
 
@@ -904,13 +825,15 @@ describe('ReactDOMFiber', () => {
       ReactDOM.render(
         <div onClick={() => ops.push('parent clicked')}>
           {ReactDOM.unstable_createPortal(
-            <div onClick={() => ops.push('portal clicked')} ref={n => portal = n}>
+            <div
+              onClick={() => ops.push('portal clicked')}
+              ref={n => portal = n}>
               portal
             </div>,
-            portalContainer
+            portalContainer,
           )}
         </div>,
-        container
+        container,
       );
 
       expect(portal.tagName).toBe('DIV');
@@ -919,13 +842,10 @@ describe('ReactDOMFiber', () => {
       ReactTestUtils.simulateNativeEventOnNode(
         'topClick',
         portal,
-        fakeNativeEvent
+        fakeNativeEvent,
       );
 
-      expect(ops).toEqual([
-        'portal clicked',
-        'parent clicked',
-      ]);
+      expect(ops).toEqual(['portal clicked', 'parent clicked']);
     });
 
     it('should not onMouseLeave when staying in the portal', () => {
@@ -938,24 +858,16 @@ describe('ReactDOMFiber', () => {
 
       function simulateMouseMove(from, to) {
         if (from) {
-          ReactTestUtils.simulateNativeEventOnNode(
-            'topMouseOut',
-            from,
-            {
-              target: from,
-              relatedTarget: to,
-            }
-          );
+          ReactTestUtils.simulateNativeEventOnNode('topMouseOut', from, {
+            target: from,
+            relatedTarget: to,
+          });
         }
         if (to) {
-          ReactTestUtils.simulateNativeEventOnNode(
-            'topMouseOver',
-            to,
-            {
-              target: to,
-              relatedTarget: from,
-            }
-          );
+          ReactTestUtils.simulateNativeEventOnNode('topMouseOver', to, {
+            target: to,
+            relatedTarget: from,
+          });
         }
       }
 
@@ -972,18 +884,16 @@ describe('ReactDOMFiber', () => {
                 ref={n => secondTarget = n}>
                 portal
               </div>,
-              portalContainer
+              portalContainer,
             )}
           </div>
           <div ref={n => thirdTarget = n} />
         </div>,
-        container
+        container,
       );
 
       simulateMouseMove(null, firstTarget);
-      expect(ops).toEqual([
-        'enter parent',
-      ]);
+      expect(ops).toEqual(['enter parent']);
 
       ops = [];
 
@@ -1008,18 +918,16 @@ describe('ReactDOMFiber', () => {
       const handlerB = () => ops.push('B');
 
       class Example extends React.Component {
-        state = { flip: false, count: 0 };
+        state = {flip: false, count: 0};
         flip() {
-          this.setState({ flip: true, count: this.state.count + 1 });
+          this.setState({flip: true, count: this.state.count + 1});
         }
         tick() {
-          this.setState({ count: this.state.count + 1 });
+          this.setState({count: this.state.count + 1});
         }
         render() {
           const useB = !this.props.forceA && this.state.flip;
-          return (
-            <div onClick={useB ? handlerB : handlerA} />
-          );
+          return <div onClick={useB ? handlerB : handlerA} />;
         }
       }
 
@@ -1043,7 +951,7 @@ describe('ReactDOMFiber', () => {
         ReactTestUtils.simulateNativeEventOnNode(
           'topClick',
           target,
-          fakeNativeEvent
+          fakeNativeEvent,
         );
       }
 
@@ -1082,7 +990,6 @@ describe('ReactDOMFiber', () => {
       // Any click that happens after commit, should invoke A.
       click(node);
       expect(ops).toEqual(['A']);
-
     });
 
     it('should not crash encountering low-priority tree', () => {
@@ -1090,7 +997,7 @@ describe('ReactDOMFiber', () => {
         <div hidden={true}>
           <div />
         </div>,
-        container
+        container,
       );
     });
   }
@@ -1115,11 +1022,17 @@ describe('disableNewFiberFeatures', () => {
   it('throws if non-element passed to top-level render', () => {
     const message = 'render(): Invalid component element.';
     expect(() => ReactDOM.render(null, container)).toThrow(message, container);
-    expect(() => ReactDOM.render(undefined, container)).toThrow(message, container);
+    expect(() => ReactDOM.render(undefined, container)).toThrow(
+      message,
+      container,
+    );
     expect(() => ReactDOM.render(false, container)).toThrow(message, container);
     expect(() => ReactDOM.render('Hi', container)).toThrow(message, container);
     expect(() => ReactDOM.render(999, container)).toThrow(message, container);
-    expect(() => ReactDOM.render([<div />], container)).toThrow(message, container);
+    expect(() => ReactDOM.render([<div />], container)).toThrow(
+      message,
+      container,
+    );
   });
 
   it('throws if something other than false, null, or an element is returned from render', () => {
@@ -1127,9 +1040,16 @@ describe('disableNewFiberFeatures', () => {
       return props.children;
     }
 
-    expect(() => ReactDOM.render(<Render>Hi</Render>, container)).toThrow(/You may have returned undefined/);
-    expect(() => ReactDOM.render(<Render>{999}</Render>, container)).toThrow(/You may have returned undefined/);
-    expect(() => ReactDOM.render(<Render>[<div />]</Render>, container)).toThrow(/You may have returned undefined/);
+    expect(() => ReactDOM.render(<Render>Hi</Render>, container)).toThrow(
+      /You may have returned undefined/,
+    );
+    expect(() => ReactDOM.render(<Render>{999}</Render>, container)).toThrow(
+      /You may have returned undefined/,
+    );
+    expect(() =>
+      ReactDOM.render(<Render>[<div />]</Render>, container)).toThrow(
+      /You may have returned undefined/,
+    );
   });
 
   it('treats mocked render functions as if they return null', () => {
diff --git a/src/renderers/dom/fiber/wrappers/ReactDOMFiberInput.js b/src/renderers/dom/fiber/wrappers/ReactDOMFiberInput.js
index d9e2467a9c..f125280c5a 100644
--- a/src/renderers/dom/fiber/wrappers/ReactDOMFiberInput.js
+++ b/src/renderers/dom/fiber/wrappers/ReactDOMFiberInput.js
@@ -16,14 +16,14 @@ type InputWithWrapperState = HTMLInputElement & {
   _wrapperState: {
     initialValue: ?string,
     initialChecked: ?boolean,
-    controlled?: boolean
-  }
+    controlled?: boolean,
+  },
 };
 
 var DOMPropertyOperations = require('DOMPropertyOperations');
 var ReactControlledValuePropTypes = require('ReactControlledValuePropTypes');
 var ReactDOMComponentTree = require('ReactDOMComponentTree');
-var { getCurrentFiberOwnerName } = require('ReactDebugCurrentFiber');
+var {getCurrentFiberOwnerName} = require('ReactDebugCurrentFiber');
 
 var invariant = require('fbjs/lib/invariant');
 var warning = require('fbjs/lib/warning');
@@ -55,38 +55,42 @@ function isControlled(props) {
  * See http://www.w3.org/TR/2012/WD-html5-20121025/the-input-element.html
  */
 var ReactDOMInput = {
-  getHostProps: function(element : Element, props : Object) {
-    var node = ((element : any) : InputWithWrapperState);
+  getHostProps: function(element: Element, props: Object) {
+    var node = ((element: any): InputWithWrapperState);
     var value = props.value;
     var checked = props.checked;
 
-    var hostProps = Object.assign({
-      // Make sure we set .type before any other properties (setting .value
-      // before .type means .value is lost in IE11 and below)
-      type: undefined,
-      // Make sure we set .step before .value (setting .value before .step
-      // means .value is rounded on mount, based upon step precision)
-      step: undefined,
-      // Make sure we set .min & .max before .value (to ensure proper order
-      // in corner cases such as min or max deriving from value, e.g. Issue #7170)
-      min: undefined,
-      max: undefined,
-    }, props, {
-      defaultChecked: undefined,
-      defaultValue: undefined,
-      value: value != null ? value : node._wrapperState.initialValue,
-      checked: checked != null ? checked : node._wrapperState.initialChecked,
-    });
+    var hostProps = Object.assign(
+      {
+        // Make sure we set .type before any other properties (setting .value
+        // before .type means .value is lost in IE11 and below)
+        type: undefined,
+        // Make sure we set .step before .value (setting .value before .step
+        // means .value is rounded on mount, based upon step precision)
+        step: undefined,
+        // Make sure we set .min & .max before .value (to ensure proper order
+        // in corner cases such as min or max deriving from value, e.g. Issue #7170)
+        min: undefined,
+        max: undefined,
+      },
+      props,
+      {
+        defaultChecked: undefined,
+        defaultValue: undefined,
+        value: value != null ? value : node._wrapperState.initialValue,
+        checked: checked != null ? checked : node._wrapperState.initialChecked,
+      },
+    );
 
     return hostProps;
   },
 
-  mountWrapper: function(element : Element, props : Object) {
+  mountWrapper: function(element: Element, props: Object) {
     if (__DEV__) {
       ReactControlledValuePropTypes.checkPropTypes(
         'input',
         props,
-        getCurrentFiberOwnerName()
+        getCurrentFiberOwnerName(),
       );
 
       if (
@@ -97,13 +101,13 @@ var ReactDOMInput = {
         warning(
           false,
           '%s contains an input of type %s with both checked and defaultChecked props. ' +
-          'Input elements must be either controlled or uncontrolled ' +
-          '(specify either the checked prop, or the defaultChecked prop, but not ' +
-          'both). Decide between using a controlled or uncontrolled input ' +
-          'element and remove one of these props. More info: ' +
-          'https://fb.me/react-controlled-components',
+            'Input elements must be either controlled or uncontrolled ' +
+            '(specify either the checked prop, or the defaultChecked prop, but not ' +
+            'both). Decide between using a controlled or uncontrolled input ' +
+            'element and remove one of these props. More info: ' +
+            'https://fb.me/react-controlled-components',
           getCurrentFiberOwnerName() || 'A component',
-          props.type
+          props.type,
         );
         didWarnCheckedDefaultChecked = true;
       }
@@ -115,22 +119,24 @@ var ReactDOMInput = {
         warning(
           false,
           '%s contains an input of type %s with both value and defaultValue props. ' +
-          'Input elements must be either controlled or uncontrolled ' +
-          '(specify either the value prop, or the defaultValue prop, but not ' +
-          'both). Decide between using a controlled or uncontrolled input ' +
-          'element and remove one of these props. More info: ' +
-          'https://fb.me/react-controlled-components',
+            'Input elements must be either controlled or uncontrolled ' +
+            '(specify either the value prop, or the defaultValue prop, but not ' +
+            'both). Decide between using a controlled or uncontrolled input ' +
+            'element and remove one of these props. More info: ' +
+            'https://fb.me/react-controlled-components',
           getCurrentFiberOwnerName() || 'A component',
-          props.type
+          props.type,
         );
         didWarnValueDefaultValue = true;
       }
     }
 
     var defaultValue = props.defaultValue;
-    var node = ((element : any) : InputWithWrapperState);
+    var node = ((element: any): InputWithWrapperState);
     node._wrapperState = {
-      initialChecked: props.checked != null ? props.checked : props.defaultChecked,
+      initialChecked: props.checked != null
+        ? props.checked
+        : props.defaultChecked,
       initialValue: props.value != null ? props.value : defaultValue,
     };
 
@@ -139,32 +145,40 @@ var ReactDOMInput = {
     }
   },
 
-  updateWrapper: function(element : Element, props : Object) {
-    var node = ((element : any) : InputWithWrapperState);
+  updateWrapper: function(element: Element, props: Object) {
+    var node = ((element: any): InputWithWrapperState);
     if (__DEV__) {
       var controlled = isControlled(props);
 
-      if (!node._wrapperState.controlled && controlled && !didWarnUncontrolledToControlled) {
+      if (
+        !node._wrapperState.controlled &&
+        controlled &&
+        !didWarnUncontrolledToControlled
+      ) {
         warning(
           false,
           '%s is changing an uncontrolled input of type %s to be controlled. ' +
-          'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
-          'Decide between using a controlled or uncontrolled input ' +
-          'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
+            'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
+            'Decide between using a controlled or uncontrolled input ' +
+            'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
           getCurrentFiberOwnerName() || 'A component',
-          props.type
+          props.type,
         );
         didWarnUncontrolledToControlled = true;
       }
-      if (node._wrapperState.controlled && !controlled && !didWarnControlledToUncontrolled) {
+      if (
+        node._wrapperState.controlled &&
+        !controlled &&
+        !didWarnControlledToUncontrolled
+      ) {
         warning(
           false,
           '%s is changing a controlled input of type %s to be uncontrolled. ' +
-          'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-          'Decide between using a controlled or uncontrolled input ' +
-          'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
+            'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+            'Decide between using a controlled or uncontrolled input ' +
+            'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
           getCurrentFiberOwnerName() || 'A component',
-          props.type
+          props.type,
         );
         didWarnControlledToUncontrolled = true;
       }
@@ -175,13 +189,12 @@ var ReactDOMInput = {
       DOMPropertyOperations.setValueForProperty(
         node,
         'checked',
-        checked || false
+        checked || false,
       );
     }
 
     var value = props.value;
     if (value != null) {
-
       // Cast `value` to a string to ensure the value is set correctly. While
       // browsers typically do this as necessary, jsdom doesn't.
       var newValue = '' + value;
@@ -210,8 +223,8 @@ var ReactDOMInput = {
     }
   },
 
-  postMountWrapper: function(element : Element, props : Object) {
-    var node = ((element : any) : InputWithWrapperState);
+  postMountWrapper: function(element: Element, props: Object) {
+    var node = ((element: any): InputWithWrapperState);
 
     // Detach value from defaultValue. We won't do anything if we're working on
     // submit or reset inputs as those values & defaultValues are linked. They
@@ -256,8 +269,8 @@ var ReactDOMInput = {
     }
   },
 
-  restoreControlledState: function(element : Element, props : Object) {
-    var node = ((element : any) : InputWithWrapperState);
+  restoreControlledState: function(element: Element, props: Object) {
+    var node = ((element: any): InputWithWrapperState);
     ReactDOMInput.updateWrapper(node, props);
     updateNamedCousins(node, props);
   },
@@ -266,10 +279,10 @@ var ReactDOMInput = {
 function updateNamedCousins(rootNode, props) {
   var name = props.name;
   if (props.type === 'radio' && name != null) {
-    var queryRoot : Element = rootNode;
+    var queryRoot: Element = rootNode;
 
     while (queryRoot.parentNode) {
-      queryRoot = ((queryRoot.parentNode : any) : Element);
+      queryRoot = ((queryRoot.parentNode: any): Element);
     }
 
     // If `rootNode.form` was non-null, then we could try `form.elements`,
@@ -280,23 +293,25 @@ function updateNamedCousins(rootNode, props) {
     // document. Let's just use the local `querySelectorAll` to ensure we don't
     // miss anything.
     var group = queryRoot.querySelectorAll(
-      'input[name=' + JSON.stringify('' + name) + '][type="radio"]');
+      'input[name=' + JSON.stringify('' + name) + '][type="radio"]',
+    );
 
     for (var i = 0; i < group.length; i++) {
-      var otherNode = ((group[i] : any) : HTMLInputElement);
-      if (otherNode === rootNode ||
-          otherNode.form !== rootNode.form) {
+      var otherNode = ((group[i]: any): HTMLInputElement);
+      if (otherNode === rootNode || otherNode.form !== rootNode.form) {
         continue;
       }
       // This will throw if radio buttons rendered by different copies of React
       // and the same name are rendered into the same form (same as #1939).
       // That's probably okay; we don't support it just as we don't support
       // mixing React radio buttons with non-React ones.
-      var otherProps = ReactDOMComponentTree.getFiberCurrentPropsFromNode(otherNode);
+      var otherProps = ReactDOMComponentTree.getFiberCurrentPropsFromNode(
+        otherNode,
+      );
       invariant(
         otherProps,
         'ReactDOMInput: Mixing React and non-React radio inputs with the ' +
-        'same `name` is not supported.'
+          'same `name` is not supported.',
       );
       // If this is a controlled radio button group, forcing the input that
       // was previously checked to update will cause it to be come re-checked
diff --git a/src/renderers/dom/fiber/wrappers/ReactDOMFiberOption.js b/src/renderers/dom/fiber/wrappers/ReactDOMFiberOption.js
index 82b4dc62e2..7f0a25935a 100644
--- a/src/renderers/dom/fiber/wrappers/ReactDOMFiberOption.js
+++ b/src/renderers/dom/fiber/wrappers/ReactDOMFiberOption.js
@@ -39,25 +39,25 @@ function flattenChildren(children) {
  * Implements an <option> host component that warns when `selected` is set.
  */
 var ReactDOMOption = {
-  mountWrapper: function(element : Element, props : Object) {
+  mountWrapper: function(element: Element, props: Object) {
     // TODO (yungsters): Remove support for `selected` in <option>.
     if (__DEV__) {
       warning(
         props.selected == null,
         'Use the `defaultValue` or `value` props on <select> instead of ' +
-        'setting `selected` on <option>.'
+          'setting `selected` on <option>.',
       );
     }
   },
 
-  postMountWrapper: function(element : Element, props : Object) {
+  postMountWrapper: function(element: Element, props: Object) {
     // value="" should make a value attribute (#6219)
     if (props.value != null) {
       element.setAttribute('value', props.value);
     }
   },
 
-  getHostProps: function(element : Element, props : Object) {
+  getHostProps: function(element: Element, props: Object) {
     var hostProps = Object.assign({children: undefined}, props);
 
     var content = flattenChildren(props.children);
@@ -68,7 +68,6 @@ var ReactDOMOption = {
 
     return hostProps;
   },
-
 };
 
 module.exports = ReactDOMOption;
diff --git a/src/renderers/dom/fiber/wrappers/ReactDOMFiberSelect.js b/src/renderers/dom/fiber/wrappers/ReactDOMFiberSelect.js
index 06d97ea2c9..2ceb3114b1 100644
--- a/src/renderers/dom/fiber/wrappers/ReactDOMFiberSelect.js
+++ b/src/renderers/dom/fiber/wrappers/ReactDOMFiberSelect.js
@@ -15,12 +15,12 @@
 type SelectWithWrapperState = HTMLSelectElement & {
   _wrapperState: {
     initialValue: ?string,
-    wasMultiple: boolean
-  }
+    wasMultiple: boolean,
+  },
 };
 
 var ReactControlledValuePropTypes = require('ReactControlledValuePropTypes');
-var { getCurrentFiberOwnerName } = require('ReactDebugCurrentFiber');
+var {getCurrentFiberOwnerName} = require('ReactDebugCurrentFiber');
 var warning = require('fbjs/lib/warning');
 
 var didWarnValueDefaultValue = false;
@@ -42,7 +42,7 @@ function checkSelectPropTypes(props) {
   ReactControlledValuePropTypes.checkPropTypes(
     'select',
     props,
-    getCurrentFiberOwnerName()
+    getCurrentFiberOwnerName(),
   );
 
   for (var i = 0; i < valuePropNames.length; i++) {
@@ -55,28 +55,34 @@ function checkSelectPropTypes(props) {
       warning(
         false,
         'The `%s` prop supplied to <select> must be an array if ' +
-        '`multiple` is true.%s',
+          '`multiple` is true.%s',
         propName,
-        getDeclarationErrorAddendum()
+        getDeclarationErrorAddendum(),
       );
     } else if (!props.multiple && isArray) {
       warning(
         false,
         'The `%s` prop supplied to <select> must be a scalar ' +
-        'value if `multiple` is false.%s',
+          'value if `multiple` is false.%s',
         propName,
-        getDeclarationErrorAddendum()
+        getDeclarationErrorAddendum(),
       );
     }
   }
 }
 
-function updateOptions(node : HTMLSelectElement, multiple : boolean, propValue : any) {
-  type IndexableHTMLOptionsCollection = HTMLOptionsCollection & { [key:number]: HTMLOptionElement };
-  var options : IndexableHTMLOptionsCollection = node.options;
+function updateOptions(
+  node: HTMLSelectElement,
+  multiple: boolean,
+  propValue: any,
+) {
+  type IndexableHTMLOptionsCollection = HTMLOptionsCollection & {
+    [key: number]: HTMLOptionElement,
+  };
+  var options: IndexableHTMLOptionsCollection = node.options;
 
   if (multiple) {
-    let selectedValues = (propValue : Array<string>);
+    let selectedValues = (propValue: Array<string>);
     let selectedValue = {};
     for (let i = 0; i < selectedValues.length; i++) {
       selectedValue['' + selectedValues[i]] = true;
@@ -90,7 +96,7 @@ function updateOptions(node : HTMLSelectElement, multiple : boolean, propValue :
   } else {
     // Do not set `select.value` as exact behavior isn't consistent across all
     // browsers for all cases.
-    let selectedValue = '' + (propValue : string);
+    let selectedValue = '' + (propValue: string);
     for (let i = 0; i < options.length; i++) {
       if (options[i].value === selectedValue) {
         options[i].selected = true;
@@ -119,14 +125,14 @@ function updateOptions(node : HTMLSelectElement, multiple : boolean, propValue :
  * selected.
  */
 var ReactDOMSelect = {
-  getHostProps: function(element : Element, props : Object) {
+  getHostProps: function(element: Element, props: Object) {
     return Object.assign({}, props, {
       value: undefined,
     });
   },
 
-  mountWrapper: function(element : Element, props : Object) {
-    var node = ((element : any) : SelectWithWrapperState);
+  mountWrapper: function(element: Element, props: Object) {
+    var node = ((element: any): SelectWithWrapperState);
     if (__DEV__) {
       checkSelectPropTypes(props);
     }
@@ -145,10 +151,10 @@ var ReactDOMSelect = {
       warning(
         false,
         'Select elements must be either controlled or uncontrolled ' +
-        '(specify either the value prop, or the defaultValue prop, but not ' +
-        'both). Decide between using a controlled or uncontrolled select ' +
-        'element and remove one of these props. More info: ' +
-        'https://fb.me/react-controlled-components'
+          '(specify either the value prop, or the defaultValue prop, but not ' +
+          'both). Decide between using a controlled or uncontrolled select ' +
+          'element and remove one of these props. More info: ' +
+          'https://fb.me/react-controlled-components',
       );
       didWarnValueDefaultValue = true;
     }
@@ -161,8 +167,8 @@ var ReactDOMSelect = {
     }
   },
 
-  postUpdateWrapper: function(element : Element, props : Object) {
-    var node = ((element : any) : SelectWithWrapperState);
+  postUpdateWrapper: function(element: Element, props: Object) {
+    var node = ((element: any): SelectWithWrapperState);
     // After the initial mount, we control selected-ness manually so don't pass
     // this value down
     node._wrapperState.initialValue = undefined;
@@ -184,8 +190,8 @@ var ReactDOMSelect = {
     }
   },
 
-  restoreControlledState: function(element : Element, props : Object) {
-    var node = ((element : any) : SelectWithWrapperState);
+  restoreControlledState: function(element: Element, props: Object) {
+    var node = ((element: any): SelectWithWrapperState);
     var value = props.value;
 
     if (value != null) {
diff --git a/src/renderers/dom/fiber/wrappers/ReactDOMFiberTextarea.js b/src/renderers/dom/fiber/wrappers/ReactDOMFiberTextarea.js
index 7f72e706a2..43c91a3623 100644
--- a/src/renderers/dom/fiber/wrappers/ReactDOMFiberTextarea.js
+++ b/src/renderers/dom/fiber/wrappers/ReactDOMFiberTextarea.js
@@ -15,11 +15,11 @@
 type TextAreaWithWrapperState = HTMLTextAreaElement & {
   _wrapperState: {
     initialValue: string,
-  }
+  },
 };
 
 var ReactControlledValuePropTypes = require('ReactControlledValuePropTypes');
-var { getCurrentFiberOwnerName } = require('ReactDebugCurrentFiber');
+var {getCurrentFiberOwnerName} = require('ReactDebugCurrentFiber');
 
 var invariant = require('fbjs/lib/invariant');
 var warning = require('fbjs/lib/warning');
@@ -42,11 +42,11 @@ var didWarnValDefaultVal = false;
  * `defaultValue` if specified, or the children content (deprecated).
  */
 var ReactDOMTextarea = {
-  getHostProps: function(element : Element, props : Object) {
-    var node = ((element : any) : TextAreaWithWrapperState);
+  getHostProps: function(element: Element, props: Object) {
+    var node = ((element: any): TextAreaWithWrapperState);
     invariant(
       props.dangerouslySetInnerHTML == null,
-      '`dangerouslySetInnerHTML` does not make sense on <textarea>.'
+      '`dangerouslySetInnerHTML` does not make sense on <textarea>.',
     );
 
     // Always set children to the same thing. In IE9, the selection range will
@@ -63,13 +63,13 @@ var ReactDOMTextarea = {
     return hostProps;
   },
 
-  mountWrapper: function(element : Element, props : Object) {
-    var node = ((element : any) : TextAreaWithWrapperState);
+  mountWrapper: function(element: Element, props: Object) {
+    var node = ((element: any): TextAreaWithWrapperState);
     if (__DEV__) {
       ReactControlledValuePropTypes.checkPropTypes(
         'textarea',
         props,
-        getCurrentFiberOwnerName()
+        getCurrentFiberOwnerName(),
       );
       if (
         props.value !== undefined &&
@@ -79,16 +79,15 @@ var ReactDOMTextarea = {
         warning(
           false,
           'Textarea elements must be either controlled or uncontrolled ' +
-          '(specify either the value prop, or the defaultValue prop, but not ' +
-          'both). Decide between using a controlled or uncontrolled textarea ' +
-          'and remove one of these props. More info: ' +
-          'https://fb.me/react-controlled-components'
+            '(specify either the value prop, or the defaultValue prop, but not ' +
+            'both). Decide between using a controlled or uncontrolled textarea ' +
+            'and remove one of these props. More info: ' +
+            'https://fb.me/react-controlled-components',
         );
         didWarnValDefaultVal = true;
       }
     }
 
-
     var value = props.value;
     var initialValue = value;
 
@@ -102,17 +101,17 @@ var ReactDOMTextarea = {
           warning(
             false,
             'Use the `defaultValue` or `value` props instead of setting ' +
-            'children on <textarea>.'
+              'children on <textarea>.',
           );
         }
         invariant(
           defaultValue == null,
-          'If you supply `defaultValue` on a <textarea>, do not pass children.'
+          'If you supply `defaultValue` on a <textarea>, do not pass children.',
         );
         if (Array.isArray(children)) {
           invariant(
             children.length <= 1,
-            '<textarea> can only have at most one child.'
+            '<textarea> can only have at most one child.',
           );
           children = children[0];
         }
@@ -130,8 +129,8 @@ var ReactDOMTextarea = {
     };
   },
 
-  updateWrapper: function(element : Element, props : Object) {
-    var node = ((element : any) : TextAreaWithWrapperState);
+  updateWrapper: function(element: Element, props: Object) {
+    var node = ((element: any): TextAreaWithWrapperState);
     var value = props.value;
     if (value != null) {
       // Cast `value` to a string to ensure the value is set correctly. While
@@ -151,8 +150,8 @@ var ReactDOMTextarea = {
     }
   },
 
-  postMountWrapper: function(element : Element, props : Object) {
-    var node = ((element : any) : TextAreaWithWrapperState);
+  postMountWrapper: function(element: Element, props: Object) {
+    var node = ((element: any): TextAreaWithWrapperState);
     // This is in postMount because we need access to the DOM node, which is not
     // available until after the component has mounted.
     var textContent = node.textContent;
@@ -166,11 +165,10 @@ var ReactDOMTextarea = {
     }
   },
 
-  restoreControlledState: function(element : Element, props : Object) {
+  restoreControlledState: function(element: Element, props: Object) {
     // DOM component is still mounted; update
     ReactDOMTextarea.updateWrapper(element, props);
   },
-
 };
 
 module.exports = ReactDOMTextarea;
diff --git a/src/renderers/dom/shared/CSSPropertyOperations.js b/src/renderers/dom/shared/CSSPropertyOperations.js
index 3150be9220..d23c5b6be4 100644
--- a/src/renderers/dom/shared/CSSPropertyOperations.js
+++ b/src/renderers/dom/shared/CSSPropertyOperations.js
@@ -22,7 +22,7 @@ var memoizeStringOnly = require('fbjs/lib/memoizeStringOnly');
 var warning = require('fbjs/lib/warning');
 
 if (__DEV__) {
-  var { getCurrentFiberOwnerName } = require('ReactDebugCurrentFiber');
+  var {getCurrentFiberOwnerName} = require('ReactDebugCurrentFiber');
 }
 
 var processStyleName = memoizeStringOnly(function(styleName) {
@@ -67,7 +67,7 @@ if (__DEV__) {
       'Unsupported style property %s. Did you mean %s?%s',
       name,
       camelizeStyleName(name),
-      checkRenderMessage(owner)
+      checkRenderMessage(owner),
     );
   };
 
@@ -82,7 +82,7 @@ if (__DEV__) {
       'Unsupported vendor-prefixed style property %s. Did you mean %s?%s',
       name,
       name.charAt(0).toUpperCase() + name.slice(1),
-      checkRenderMessage(owner)
+      checkRenderMessage(owner),
     );
   };
 
@@ -94,11 +94,11 @@ if (__DEV__) {
     warnedStyleValues[value] = true;
     warning(
       false,
-      'Style property values shouldn\'t contain a semicolon.%s ' +
-      'Try "%s: %s" instead.',
+      "Style property values shouldn't contain a semicolon.%s " +
+        'Try "%s: %s" instead.',
       checkRenderMessage(owner),
       name,
-      value.replace(badStyleValueWithSemicolonPattern, '')
+      value.replace(badStyleValueWithSemicolonPattern, ''),
     );
   };
 
@@ -112,7 +112,7 @@ if (__DEV__) {
       false,
       '`NaN` is an invalid value for the `%s` css style property.%s',
       name,
-      checkRenderMessage(owner)
+      checkRenderMessage(owner),
     );
   };
 
@@ -161,7 +161,6 @@ if (__DEV__) {
  * Operations for dealing with CSS properties.
  */
 var CSSPropertyOperations = {
-
   /**
    * Serializes a mapping of style properties for use as inline styles:
    *
@@ -187,8 +186,8 @@ var CSSPropertyOperations = {
       }
       if (styleValue != null) {
         serialized += processStyleName(styleName) + ':';
-        serialized +=
-          dangerousStyleValue(styleName, styleValue, component) + ';';
+        serialized += dangerousStyleValue(styleName, styleValue, component) +
+          ';';
       }
     }
     return serialized || null;
@@ -214,7 +213,7 @@ var CSSPropertyOperations = {
       var styleValue = dangerousStyleValue(
         styleName,
         styles[styleName],
-        component
+        component,
       );
       if (styleName === 'float' || styleName === 'cssFloat') {
         styleName = styleFloatAccessor;
@@ -222,8 +221,7 @@ var CSSPropertyOperations = {
       if (styleValue) {
         style[styleName] = styleValue;
       } else {
-        var expansion =
-          hasShorthandPropertyBug &&
+        var expansion = hasShorthandPropertyBug &&
           CSSProperty.shorthandPropertyExpansions[styleName];
         if (expansion) {
           // Shorthand property that IE8 won't like unsetting, so unset each
@@ -237,7 +235,6 @@ var CSSPropertyOperations = {
       }
     }
   },
-
 };
 
 module.exports = CSSPropertyOperations;
diff --git a/src/renderers/dom/shared/DOMProperty.js b/src/renderers/dom/shared/DOMProperty.js
index 7cabf6fe4c..f938c73ff8 100644
--- a/src/renderers/dom/shared/DOMProperty.js
+++ b/src/renderers/dom/shared/DOMProperty.js
@@ -66,18 +66,18 @@ var DOMPropertyInjection = {
 
     if (domPropertyConfig.isCustomAttribute) {
       DOMProperty._isCustomAttributeFunctions.push(
-        domPropertyConfig.isCustomAttribute
+        domPropertyConfig.isCustomAttribute,
       );
     }
 
     for (var propName in Properties) {
       invariant(
         !DOMProperty.properties.hasOwnProperty(propName),
-        'injectDOMPropertyConfig(...): You\'re trying to inject DOM property ' +
-        '\'%s\' which has already been injected. You may be accidentally ' +
-        'injecting the same DOM property config twice, or you may be ' +
-        'injecting two configs that have conflicting property names.',
-        propName
+        "injectDOMPropertyConfig(...): You're trying to inject DOM property " +
+          "'%s' which has already been injected. You may be accidentally " +
+          'injecting the same DOM property config twice, or you may be ' +
+          'injecting two configs that have conflicting property names.',
+        propName,
       );
 
       var lowerCased = propName.toLowerCase();
@@ -92,17 +92,23 @@ var DOMPropertyInjection = {
         mustUseProperty: checkMask(propConfig, Injection.MUST_USE_PROPERTY),
         hasBooleanValue: checkMask(propConfig, Injection.HAS_BOOLEAN_VALUE),
         hasNumericValue: checkMask(propConfig, Injection.HAS_NUMERIC_VALUE),
-        hasPositiveNumericValue:
-          checkMask(propConfig, Injection.HAS_POSITIVE_NUMERIC_VALUE),
-        hasOverloadedBooleanValue:
-          checkMask(propConfig, Injection.HAS_OVERLOADED_BOOLEAN_VALUE),
+        hasPositiveNumericValue: checkMask(
+          propConfig,
+          Injection.HAS_POSITIVE_NUMERIC_VALUE,
+        ),
+        hasOverloadedBooleanValue: checkMask(
+          propConfig,
+          Injection.HAS_OVERLOADED_BOOLEAN_VALUE,
+        ),
       };
       invariant(
-        propertyInfo.hasBooleanValue + propertyInfo.hasNumericValue +
-          propertyInfo.hasOverloadedBooleanValue <= 1,
+        propertyInfo.hasBooleanValue +
+          propertyInfo.hasNumericValue +
+          propertyInfo.hasOverloadedBooleanValue <=
+          1,
         'DOMProperty: Value can be one of boolean, overloaded boolean, or ' +
-        'numeric value, but not a combination: %s',
-        propName
+          'numeric value, but not a combination: %s',
+        propName,
       );
 
       if (__DEV__) {
@@ -138,7 +144,6 @@ var DOMPropertyInjection = {
 var ATTRIBUTE_NAME_START_CHAR = ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD';
 /* eslint-enable max-len */
 
-
 /**
  * DOMProperty exports lookup objects that can be used like functions:
  *
@@ -153,12 +158,12 @@ var ATTRIBUTE_NAME_START_CHAR = ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\
  * @see http://jsperf.com/key-missing
  */
 var DOMProperty = {
-
   ID_ATTRIBUTE_NAME: 'data-reactid',
   ROOT_ATTRIBUTE_NAME: 'data-reactroot',
 
   ATTRIBUTE_NAME_START_CHAR: ATTRIBUTE_NAME_START_CHAR,
-  ATTRIBUTE_NAME_CHAR: ATTRIBUTE_NAME_START_CHAR + '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040',
+  ATTRIBUTE_NAME_CHAR: ATTRIBUTE_NAME_START_CHAR +
+    '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040',
 
   /**
    * Map from property "standard name" to an object with info about how to set
diff --git a/src/renderers/dom/shared/DOMPropertyOperations.js b/src/renderers/dom/shared/DOMPropertyOperations.js
index 0faba1e685..be65bdbf1b 100644
--- a/src/renderers/dom/shared/DOMPropertyOperations.js
+++ b/src/renderers/dom/shared/DOMPropertyOperations.js
@@ -19,7 +19,11 @@ var quoteAttributeValueForBrowser = require('quoteAttributeValueForBrowser');
 var warning = require('fbjs/lib/warning');
 
 var VALID_ATTRIBUTE_NAME_REGEX = new RegExp(
-  '^[' + DOMProperty.ATTRIBUTE_NAME_START_CHAR + '][' + DOMProperty.ATTRIBUTE_NAME_CHAR + ']*$'
+  '^[' +
+    DOMProperty.ATTRIBUTE_NAME_START_CHAR +
+    '][' +
+    DOMProperty.ATTRIBUTE_NAME_CHAR +
+    ']*$',
 );
 var illegalAttributeNameCache = {};
 var validatedAttributeNameCache = {};
@@ -36,11 +40,7 @@ function isAttributeNameSafe(attributeName) {
     return true;
   }
   illegalAttributeNameCache[attributeName] = true;
-  warning(
-    false,
-    'Invalid attribute name: `%s`',
-    attributeName
-  );
+  warning(false, 'Invalid attribute name: `%s`', attributeName);
   return false;
 }
 
@@ -48,7 +48,7 @@ function shouldIgnoreValue(propertyInfo, value) {
   return value == null ||
     (propertyInfo.hasBooleanValue && !value) ||
     (propertyInfo.hasNumericValue && isNaN(value)) ||
-    (propertyInfo.hasPositiveNumericValue && (value < 1)) ||
+    (propertyInfo.hasPositiveNumericValue && value < 1) ||
     (propertyInfo.hasOverloadedBooleanValue && value === false);
 }
 
@@ -56,7 +56,6 @@ function shouldIgnoreValue(propertyInfo, value) {
  * Operations for dealing with DOM properties.
  */
 var DOMPropertyOperations = {
-
   /**
    * Creates markup for the ID property.
    *
@@ -64,7 +63,8 @@ var DOMPropertyOperations = {
    * @return {string} Markup string.
    */
   createMarkupForID: function(id) {
-    return DOMProperty.ID_ATTRIBUTE_NAME + '=' +
+    return DOMProperty.ID_ATTRIBUTE_NAME +
+      '=' +
       quoteAttributeValueForBrowser(id);
   },
 
@@ -88,15 +88,18 @@ var DOMPropertyOperations = {
    * @return {?string} Markup string, or null if the property was invalid.
    */
   createMarkupForProperty: function(name, value) {
-    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ?
-        DOMProperty.properties[name] : null;
+    var propertyInfo = DOMProperty.properties.hasOwnProperty(name)
+      ? DOMProperty.properties[name]
+      : null;
     if (propertyInfo) {
       if (shouldIgnoreValue(propertyInfo, value)) {
         return '';
       }
       var attributeName = propertyInfo.attributeName;
-      if (propertyInfo.hasBooleanValue ||
-          (propertyInfo.hasOverloadedBooleanValue && value === true)) {
+      if (
+        propertyInfo.hasBooleanValue ||
+        (propertyInfo.hasOverloadedBooleanValue && value === true)
+      ) {
         return attributeName + '=""';
       }
       return attributeName + '=' + quoteAttributeValueForBrowser(value);
@@ -131,8 +134,9 @@ var DOMPropertyOperations = {
    * @param {*} value
    */
   setValueForProperty: function(node, name, value) {
-    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ?
-        DOMProperty.properties[name] : null;
+    var propertyInfo = DOMProperty.properties.hasOwnProperty(name)
+      ? DOMProperty.properties[name]
+      : null;
     if (propertyInfo) {
       var mutationMethod = propertyInfo.mutationMethod;
       if (mutationMethod) {
@@ -151,8 +155,10 @@ var DOMPropertyOperations = {
         // ('' + value) makes it output the correct toString()-value.
         if (namespace) {
           node.setAttributeNS(namespace, attributeName, '' + value);
-        } else if (propertyInfo.hasBooleanValue ||
-                   (propertyInfo.hasOverloadedBooleanValue && value === true)) {
+        } else if (
+          propertyInfo.hasBooleanValue ||
+          (propertyInfo.hasOverloadedBooleanValue && value === true)
+        ) {
           node.setAttribute(attributeName, '');
         } else {
           node.setAttribute(attributeName, '' + value);
@@ -219,8 +225,9 @@ var DOMPropertyOperations = {
    * @param {string} name
    */
   deleteValueForProperty: function(node, name) {
-    var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ?
-        DOMProperty.properties[name] : null;
+    var propertyInfo = DOMProperty.properties.hasOwnProperty(name)
+      ? DOMProperty.properties[name]
+      : null;
     if (propertyInfo) {
       var mutationMethod = propertyInfo.mutationMethod;
       if (mutationMethod) {
@@ -247,7 +254,6 @@ var DOMPropertyOperations = {
       });
     }
   },
-
 };
 
 module.exports = DOMPropertyOperations;
diff --git a/src/renderers/dom/shared/HTMLDOMPropertyConfig.js b/src/renderers/dom/shared/HTMLDOMPropertyConfig.js
index da0ca9b449..d7d5ddc80c 100644
--- a/src/renderers/dom/shared/HTMLDOMPropertyConfig.js
+++ b/src/renderers/dom/shared/HTMLDOMPropertyConfig.js
@@ -16,14 +16,12 @@ var DOMProperty = require('DOMProperty');
 var MUST_USE_PROPERTY = DOMProperty.injection.MUST_USE_PROPERTY;
 var HAS_BOOLEAN_VALUE = DOMProperty.injection.HAS_BOOLEAN_VALUE;
 var HAS_NUMERIC_VALUE = DOMProperty.injection.HAS_NUMERIC_VALUE;
-var HAS_POSITIVE_NUMERIC_VALUE =
-  DOMProperty.injection.HAS_POSITIVE_NUMERIC_VALUE;
-var HAS_OVERLOADED_BOOLEAN_VALUE =
-  DOMProperty.injection.HAS_OVERLOADED_BOOLEAN_VALUE;
+var HAS_POSITIVE_NUMERIC_VALUE = DOMProperty.injection.HAS_POSITIVE_NUMERIC_VALUE;
+var HAS_OVERLOADED_BOOLEAN_VALUE = DOMProperty.injection.HAS_OVERLOADED_BOOLEAN_VALUE;
 
 var HTMLDOMPropertyConfig = {
   isCustomAttribute: RegExp.prototype.test.bind(
-    new RegExp('^(data|aria)-[' + DOMProperty.ATTRIBUTE_NAME_CHAR + ']*$')
+    new RegExp('^(data|aria)-[' + DOMProperty.ATTRIBUTE_NAME_CHAR + ']*$'),
   ),
   Properties: {
     /**
@@ -211,8 +209,7 @@ var HTMLDOMPropertyConfig = {
     htmlFor: 'for',
     httpEquiv: 'http-equiv',
   },
-  DOMPropertyNames: {
-  },
+  DOMPropertyNames: {},
 };
 
 module.exports = HTMLDOMPropertyConfig;
diff --git a/src/renderers/dom/shared/ReactBrowserEventEmitter.js b/src/renderers/dom/shared/ReactBrowserEventEmitter.js
index 4e994d9a03..60311a170e 100644
--- a/src/renderers/dom/shared/ReactBrowserEventEmitter.js
+++ b/src/renderers/dom/shared/ReactBrowserEventEmitter.js
@@ -84,8 +84,10 @@ var reactTopListenersCounter = 0;
 var topEventMapping = {
   topAbort: 'abort',
   topAnimationEnd: getVendorPrefixedEventName('animationend') || 'animationend',
-  topAnimationIteration: getVendorPrefixedEventName('animationiteration') || 'animationiteration',
-  topAnimationStart: getVendorPrefixedEventName('animationstart') || 'animationstart',
+  topAnimationIteration: getVendorPrefixedEventName('animationiteration') ||
+    'animationiteration',
+  topAnimationStart: getVendorPrefixedEventName('animationstart') ||
+    'animationstart',
   topBlur: 'blur',
   topCancel: 'cancel',
   topCanPlay: 'canplay',
@@ -145,7 +147,8 @@ var topEventMapping = {
   topTouchEnd: 'touchend',
   topTouchMove: 'touchmove',
   topTouchStart: 'touchstart',
-  topTransitionEnd: getVendorPrefixedEventName('transitionend') || 'transitionend',
+  topTransitionEnd: getVendorPrefixedEventName('transitionend') ||
+    'transitionend',
   topVolumeChange: 'volumechange',
   topWaiting: 'waiting',
   topWheel: 'wheel',
@@ -167,7 +170,6 @@ function getListeningForDocument(mountAt) {
 }
 
 var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
-
   /**
    * Injectable event backend
    */
@@ -179,7 +181,7 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
      */
     injectReactEventListener: function(ReactEventListener) {
       ReactEventListener.setHandleTopLevel(
-        ReactBrowserEventEmitter.handleTopLevel
+        ReactBrowserEventEmitter.handleTopLevel,
       );
       ReactBrowserEventEmitter.ReactEventListener = ReactEventListener;
     },
@@ -200,10 +202,8 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
    * @return {boolean} True if callbacks are enabled.
    */
   isEnabled: function() {
-    return !!(
-      ReactBrowserEventEmitter.ReactEventListener &&
-      ReactBrowserEventEmitter.ReactEventListener.isEnabled()
-    );
+    return !!(ReactBrowserEventEmitter.ReactEventListener &&
+      ReactBrowserEventEmitter.ReactEventListener.isEnabled());
   },
 
   /**
@@ -230,27 +230,27 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
   listenTo: function(registrationName, contentDocumentHandle) {
     var mountAt = contentDocumentHandle;
     var isListening = getListeningForDocument(mountAt);
-    var dependencies =
-      EventPluginRegistry.registrationNameDependencies[registrationName];
+    var dependencies = EventPluginRegistry.registrationNameDependencies[
+      registrationName
+    ];
 
     for (var i = 0; i < dependencies.length; i++) {
       var dependency = dependencies[i];
-      if (!(
-            isListening.hasOwnProperty(dependency) &&
-            isListening[dependency]
-          )) {
+      if (
+        !(isListening.hasOwnProperty(dependency) && isListening[dependency])
+      ) {
         if (dependency === 'topWheel') {
           if (isEventSupported('wheel')) {
             ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
               'topWheel',
               'wheel',
-              mountAt
+              mountAt,
             );
           } else if (isEventSupported('mousewheel')) {
             ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
               'topWheel',
               'mousewheel',
-              mountAt
+              mountAt,
             );
           } else {
             // Firefox needs to capture a different mouse scroll event.
@@ -258,37 +258,34 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
             ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
               'topWheel',
               'DOMMouseScroll',
-              mountAt
+              mountAt,
             );
           }
         } else if (dependency === 'topScroll') {
-
           if (isEventSupported('scroll', true)) {
             ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(
               'topScroll',
               'scroll',
-              mountAt
+              mountAt,
             );
           } else {
             ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
               'topScroll',
               'scroll',
-              ReactBrowserEventEmitter.ReactEventListener.WINDOW_HANDLE
+              ReactBrowserEventEmitter.ReactEventListener.WINDOW_HANDLE,
             );
           }
-        } else if (dependency === 'topFocus' ||
-            dependency === 'topBlur') {
-
+        } else if (dependency === 'topFocus' || dependency === 'topBlur') {
           if (isEventSupported('focus', true)) {
             ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(
               'topFocus',
               'focus',
-              mountAt
+              mountAt,
             );
             ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(
               'topBlur',
               'blur',
-              mountAt
+              mountAt,
             );
           } else if (isEventSupported('focusin')) {
             // IE has `focusin` and `focusout` events which bubble.
@@ -296,12 +293,12 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
             ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
               'topFocus',
               'focusin',
-              mountAt
+              mountAt,
             );
             ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
               'topBlur',
               'focusout',
-              mountAt
+              mountAt,
             );
           }
 
@@ -313,7 +310,7 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
             ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(
               'topCancel',
               'cancel',
-              mountAt
+              mountAt,
             );
           }
           isListening.topCancel = true;
@@ -322,7 +319,7 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
             ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(
               'topClose',
               'close',
-              mountAt
+              mountAt,
             );
           }
           isListening.topClose = true;
@@ -330,7 +327,7 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
           ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
             dependency,
             topEventMapping[dependency],
-            mountAt
+            mountAt,
           );
         }
 
@@ -341,14 +338,14 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
 
   isListeningToAllDependencies: function(registrationName, mountAt) {
     var isListening = getListeningForDocument(mountAt);
-    var dependencies =
-      EventPluginRegistry.registrationNameDependencies[registrationName];
+    var dependencies = EventPluginRegistry.registrationNameDependencies[
+      registrationName
+    ];
     for (var i = 0; i < dependencies.length; i++) {
       var dependency = dependencies[i];
-      if (!(
-            isListening.hasOwnProperty(dependency) &&
-            isListening[dependency]
-          )) {
+      if (
+        !(isListening.hasOwnProperty(dependency) && isListening[dependency])
+      ) {
         return false;
       }
     }
@@ -359,7 +356,7 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
     return ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
       topLevelType,
       handlerBaseName,
-      handle
+      handle,
     );
   },
 
@@ -367,7 +364,7 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
     return ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(
       topLevelType,
       handlerBaseName,
-      handle
+      handle,
     );
   },
 
@@ -405,7 +402,6 @@ var ReactBrowserEventEmitter = Object.assign({}, ReactEventEmitterMixin, {
       isMonitoringScrollValue = true;
     }
   },
-
 });
 
 module.exports = ReactBrowserEventEmitter;
diff --git a/src/renderers/dom/shared/ReactDOMComponentTree.js b/src/renderers/dom/shared/ReactDOMComponentTree.js
index 707b030893..600188f095 100644
--- a/src/renderers/dom/shared/ReactDOMComponentTree.js
+++ b/src/renderers/dom/shared/ReactDOMComponentTree.js
@@ -13,7 +13,7 @@
 
 var DOMProperty = require('DOMProperty');
 var ReactDOMComponentFlags = require('ReactDOMComponentFlags');
-var { HostComponent, HostText } = require('ReactTypeOfWork');
+var {HostComponent, HostText} = require('ReactTypeOfWork');
 
 var invariant = require('fbjs/lib/invariant');
 
@@ -31,11 +31,10 @@ var internalEventHandlersKey = '__reactEventHandlers$' + randomKey;
  */
 function shouldPrecacheNode(node, nodeID) {
   return (node.nodeType === 1 &&
-          node.getAttribute(ATTR_NAME) === ('' + nodeID)) ||
-         (node.nodeType === 8 &&
-          node.nodeValue === ' react-text: ' + nodeID + ' ') ||
-         (node.nodeType === 8 &&
-          node.nodeValue === ' react-empty: ' + nodeID + ' ');
+    node.getAttribute(ATTR_NAME) === '' + nodeID) ||
+    (node.nodeType === 8 &&
+      node.nodeValue === ' react-text: ' + nodeID + ' ') ||
+    (node.nodeType === 8 && node.nodeValue === ' react-empty: ' + nodeID + ' ');
 }
 
 /**
@@ -194,7 +193,7 @@ function getNodeFromInstance(inst) {
   // invariant for a missing parent, which is super confusing.
   invariant(
     inst._hostNode !== undefined,
-    'getNodeFromInstance: Invalid argument.'
+    'getNodeFromInstance: Invalid argument.',
   );
 
   if (inst._hostNode) {
@@ -207,7 +206,7 @@ function getNodeFromInstance(inst) {
     parents.push(inst);
     invariant(
       inst._hostParent,
-      'React DOM tree root should always have a node reference.'
+      'React DOM tree root should always have a node reference.',
     );
     inst = inst._hostParent;
   }
diff --git a/src/renderers/dom/shared/ReactDOMInjection.js b/src/renderers/dom/shared/ReactDOMInjection.js
index 24ffdae8da..b66b6052d0 100644
--- a/src/renderers/dom/shared/ReactDOMInjection.js
+++ b/src/renderers/dom/shared/ReactDOMInjection.js
@@ -39,7 +39,7 @@ function inject() {
   alreadyInjected = true;
 
   ReactBrowserEventEmitter.injection.injectReactEventListener(
-    ReactEventListener
+    ReactEventListener,
   );
 
   /**
diff --git a/src/renderers/dom/shared/ReactDOMSelection.js b/src/renderers/dom/shared/ReactDOMSelection.js
index d4906d69ea..3cd88c00e7 100644
--- a/src/renderers/dom/shared/ReactDOMSelection.js
+++ b/src/renderers/dom/shared/ReactDOMSelection.js
@@ -99,7 +99,7 @@ function getModernOffsets(node) {
     selection.anchorNode,
     selection.anchorOffset,
     selection.focusNode,
-    selection.focusOffset
+    selection.focusOffset,
   );
 
   var rangeLength = isSelectionCollapsed ? 0 : currentRange.toString().length;
@@ -112,7 +112,7 @@ function getModernOffsets(node) {
     tempRange.startContainer,
     tempRange.startOffset,
     tempRange.endContainer,
-    tempRange.endOffset
+    tempRange.endOffset,
   );
 
   var start = isTempRangeCollapsed ? 0 : tempRange.toString().length;
@@ -176,8 +176,7 @@ function setModernOffsets(node, offsets) {
   var selection = window.getSelection();
   var length = node[getTextContentAccessor()].length;
   var start = Math.min(offsets.start, length);
-  var end = offsets.end === undefined ?
-            start : Math.min(offsets.end, length);
+  var end = offsets.end === undefined ? start : Math.min(offsets.end, length);
 
   // IE 11 uses modern selection, but doesn't support the extend method.
   // Flip backward selections, so we can set with a single range.
@@ -205,11 +204,9 @@ function setModernOffsets(node, offsets) {
   }
 }
 
-var useIEOffsets = (
-  ExecutionEnvironment.canUseDOM &&
+var useIEOffsets = ExecutionEnvironment.canUseDOM &&
   'selection' in document &&
-  !('getSelection' in window)
-);
+  !('getSelection' in window);
 
 var ReactDOMSelection = {
   /**
diff --git a/src/renderers/dom/shared/ReactEventListener.js b/src/renderers/dom/shared/ReactEventListener.js
index d928846af6..50f4f10edb 100644
--- a/src/renderers/dom/shared/ReactEventListener.js
+++ b/src/renderers/dom/shared/ReactEventListener.js
@@ -21,7 +21,7 @@ var ReactTypeOfWork = require('ReactTypeOfWork');
 var getEventTarget = require('getEventTarget');
 var getUnboundedScrollPosition = require('fbjs/lib/getUnboundedScrollPosition');
 
-var { HostRoot } = ReactTypeOfWork;
+var {HostRoot} = ReactTypeOfWork;
 
 /**
  * Find the deepest React component completely containing the root of the
@@ -67,7 +67,7 @@ Object.assign(TopLevelCallbackBookKeeping.prototype, {
 });
 PooledClass.addPoolingTo(
   TopLevelCallbackBookKeeping,
-  PooledClass.threeArgumentPooler
+  PooledClass.threeArgumentPooler,
 );
 
 function handleTopLevelImpl(bookKeeping) {
@@ -88,9 +88,7 @@ function handleTopLevelImpl(bookKeeping) {
       break;
     }
     bookKeeping.ancestors.push(ancestor);
-    ancestor = ReactDOMComponentTree.getClosestInstanceFromNode(
-      root
-    );
+    ancestor = ReactDOMComponentTree.getClosestInstanceFromNode(root);
   } while (ancestor);
 
   for (var i = 0; i < bookKeeping.ancestors.length; i++) {
@@ -99,7 +97,7 @@ function handleTopLevelImpl(bookKeeping) {
       bookKeeping.topLevelType,
       targetInst,
       bookKeeping.nativeEvent,
-      getEventTarget(bookKeeping.nativeEvent)
+      getEventTarget(bookKeeping.nativeEvent),
     );
   }
 }
@@ -127,7 +125,6 @@ var ReactEventListener = {
     return ReactEventListener._enabled;
   },
 
-
   /**
    * Traps top-level events by using event bubbling.
    *
@@ -145,7 +142,7 @@ var ReactEventListener = {
     return EventListener.listen(
       element,
       handlerBaseName,
-      ReactEventListener.dispatchEvent.bind(null, topLevelType)
+      ReactEventListener.dispatchEvent.bind(null, topLevelType),
     );
   },
 
@@ -166,7 +163,7 @@ var ReactEventListener = {
     return EventListener.capture(
       element,
       handlerBaseName,
-      ReactEventListener.dispatchEvent.bind(null, topLevelType)
+      ReactEventListener.dispatchEvent.bind(null, topLevelType),
     );
   },
 
@@ -182,13 +179,13 @@ var ReactEventListener = {
 
     var nativeEventTarget = getEventTarget(nativeEvent);
     var targetInst = ReactDOMComponentTree.getClosestInstanceFromNode(
-      nativeEventTarget
+      nativeEventTarget,
     );
 
     var bookKeeping = TopLevelCallbackBookKeeping.getPooled(
       topLevelType,
       nativeEvent,
-      targetInst
+      targetInst,
     );
 
     try {
diff --git a/src/renderers/dom/shared/ReactInputSelection.js b/src/renderers/dom/shared/ReactInputSelection.js
index 92c1cfe56b..317dc370ef 100644
--- a/src/renderers/dom/shared/ReactInputSelection.js
+++ b/src/renderers/dom/shared/ReactInputSelection.js
@@ -28,24 +28,21 @@ function isInDocument(node) {
  * Input selection module for React.
  */
 var ReactInputSelection = {
-
   hasSelectionCapabilities: function(elem) {
     var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-    return nodeName && (
-      (nodeName === 'input' && elem.type === 'text') ||
-      nodeName === 'textarea' ||
-      elem.contentEditable === 'true'
-    );
+    return nodeName &&
+      ((nodeName === 'input' && elem.type === 'text') ||
+        nodeName === 'textarea' ||
+        elem.contentEditable === 'true');
   },
 
   getSelectionInformation: function() {
     var focusedElem = getActiveElement();
     return {
       focusedElem: focusedElem,
-      selectionRange:
-          ReactInputSelection.hasSelectionCapabilities(focusedElem) ?
-          ReactInputSelection.getSelection(focusedElem) :
-          null,
+      selectionRange: ReactInputSelection.hasSelectionCapabilities(focusedElem)
+        ? ReactInputSelection.getSelection(focusedElem)
+        : null,
     };
   },
 
@@ -58,13 +55,9 @@ var ReactInputSelection = {
     var curFocusedElem = getActiveElement();
     var priorFocusedElem = priorSelectionInformation.focusedElem;
     var priorSelectionRange = priorSelectionInformation.selectionRange;
-    if (curFocusedElem !== priorFocusedElem &&
-        isInDocument(priorFocusedElem)) {
+    if (curFocusedElem !== priorFocusedElem && isInDocument(priorFocusedElem)) {
       if (ReactInputSelection.hasSelectionCapabilities(priorFocusedElem)) {
-        ReactInputSelection.setSelection(
-          priorFocusedElem,
-          priorSelectionRange
-        );
+        ReactInputSelection.setSelection(priorFocusedElem, priorSelectionRange);
       }
 
       // Focusing a node can change the scroll position, which is undesirable
@@ -105,8 +98,10 @@ var ReactInputSelection = {
         start: input.selectionStart,
         end: input.selectionEnd,
       };
-    } else if (document.selection &&
-        (input.nodeName && input.nodeName.toLowerCase() === 'input')) {
+    } else if (
+      document.selection &&
+      (input.nodeName && input.nodeName.toLowerCase() === 'input')
+    ) {
       // IE8 input.
       var range = document.selection.createRange();
       // There can only be one selection per document in IE, so it must
@@ -141,8 +136,10 @@ var ReactInputSelection = {
     if ('selectionStart' in input) {
       input.selectionStart = start;
       input.selectionEnd = Math.min(end, input.value.length);
-    } else if (document.selection &&
-        (input.nodeName && input.nodeName.toLowerCase() === 'input')) {
+    } else if (
+      document.selection &&
+      (input.nodeName && input.nodeName.toLowerCase() === 'input')
+    ) {
       var range = input.createTextRange();
       range.collapse(true);
       range.moveStart('character', start);
diff --git a/src/renderers/dom/shared/SVGDOMPropertyConfig.js b/src/renderers/dom/shared/SVGDOMPropertyConfig.js
index d2ae11d8c6..dbb9da3be1 100644
--- a/src/renderers/dom/shared/SVGDOMPropertyConfig.js
+++ b/src/renderers/dom/shared/SVGDOMPropertyConfig.js
@@ -292,7 +292,7 @@ var SVGDOMPropertyConfig = {
   DOMAttributeNames: {},
 };
 
-Object.keys(ATTRS).forEach((key) => {
+Object.keys(ATTRS).forEach(key => {
   SVGDOMPropertyConfig.Properties[key] = 0;
   if (ATTRS[key]) {
     SVGDOMPropertyConfig.DOMAttributeNames[key] = ATTRS[key];
diff --git a/src/renderers/dom/shared/__tests__/CSSProperty-test.js b/src/renderers/dom/shared/__tests__/CSSProperty-test.js
index 316018851d..af8325c26b 100644
--- a/src/renderers/dom/shared/__tests__/CSSProperty-test.js
+++ b/src/renderers/dom/shared/__tests__/CSSProperty-test.js
@@ -27,5 +27,4 @@ describe('CSSProperty', () => {
     expect(CSSProperty.isUnitlessNumber.msGridRow).toBeTruthy();
     expect(CSSProperty.isUnitlessNumber.msGridColumn).toBeTruthy();
   });
-
 });
diff --git a/src/renderers/dom/shared/__tests__/CSSPropertyOperations-test.js b/src/renderers/dom/shared/__tests__/CSSPropertyOperations-test.js
index 11d67679c4..f1d9c567bf 100644
--- a/src/renderers/dom/shared/__tests__/CSSPropertyOperations-test.js
+++ b/src/renderers/dom/shared/__tests__/CSSPropertyOperations-test.js
@@ -24,48 +24,60 @@ describe('CSSPropertyOperations', () => {
   });
 
   it('should create markup for simple styles', () => {
-    expect(CSSPropertyOperations.createMarkupForStyles({
-      backgroundColor: '#3b5998',
-      display: 'none',
-    })).toBe('background-color:#3b5998;display:none;');
+    expect(
+      CSSPropertyOperations.createMarkupForStyles({
+        backgroundColor: '#3b5998',
+        display: 'none',
+      }),
+    ).toBe('background-color:#3b5998;display:none;');
   });
 
   it('should ignore undefined styles', () => {
-    expect(CSSPropertyOperations.createMarkupForStyles({
-      backgroundColor: undefined,
-      display: 'none',
-    })).toBe('display:none;');
+    expect(
+      CSSPropertyOperations.createMarkupForStyles({
+        backgroundColor: undefined,
+        display: 'none',
+      }),
+    ).toBe('display:none;');
   });
 
   it('should ignore null styles', () => {
-    expect(CSSPropertyOperations.createMarkupForStyles({
-      backgroundColor: null,
-      display: 'none',
-    })).toBe('display:none;');
+    expect(
+      CSSPropertyOperations.createMarkupForStyles({
+        backgroundColor: null,
+        display: 'none',
+      }),
+    ).toBe('display:none;');
   });
 
   it('should return null for no styles', () => {
-    expect(CSSPropertyOperations.createMarkupForStyles({
-      backgroundColor: null,
-      display: null,
-    })).toBe(null);
+    expect(
+      CSSPropertyOperations.createMarkupForStyles({
+        backgroundColor: null,
+        display: null,
+      }),
+    ).toBe(null);
   });
 
   it('should automatically append `px` to relevant styles', () => {
-    expect(CSSPropertyOperations.createMarkupForStyles({
-      left: 0,
-      margin: 16,
-      opacity: 0.5,
-      padding: '4px',
-    })).toBe('left:0;margin:16px;opacity:0.5;padding:4px;');
+    expect(
+      CSSPropertyOperations.createMarkupForStyles({
+        left: 0,
+        margin: 16,
+        opacity: 0.5,
+        padding: '4px',
+      }),
+    ).toBe('left:0;margin:16px;opacity:0.5;padding:4px;');
   });
 
   it('should trim values', () => {
-    expect(CSSPropertyOperations.createMarkupForStyles({
-      left: '16 ',
-      opacity: 0.5,
-      right: ' 4 ',
-    })).toBe('left:16;opacity:0.5;right:4;');
+    expect(
+      CSSPropertyOperations.createMarkupForStyles({
+        left: '16 ',
+        opacity: 0.5,
+        right: ' 4 ',
+      }),
+    ).toBe('left:16;opacity:0.5;right:4;');
   });
 
   it('should not append `px` to styles that might need a number', () => {
@@ -74,16 +86,19 @@ describe('CSSPropertyOperations', () => {
     unitlessProperties.forEach(function(property) {
       var styles = {};
       styles[property] = 1;
-      expect(CSSPropertyOperations.createMarkupForStyles(styles))
-        .toMatch(/:1;$/);
+      expect(CSSPropertyOperations.createMarkupForStyles(styles)).toMatch(
+        /:1;$/,
+      );
     });
   });
 
   it('should create vendor-prefixed markup correctly', () => {
-    expect(CSSPropertyOperations.createMarkupForStyles({
-      msTransition: 'none',
-      MozTransition: 'none',
-    })).toBe('-ms-transition:none;-moz-transition:none;');
+    expect(
+      CSSPropertyOperations.createMarkupForStyles({
+        msTransition: 'none',
+        MozTransition: 'none',
+      }),
+    ).toBe('-ms-transition:none;-moz-transition:none;');
   });
 
   it('should set style attribute when styles exist', () => {
@@ -112,7 +127,7 @@ describe('CSSPropertyOperations', () => {
       static displayName = 'Comp';
 
       render() {
-        return <div style={{ 'background-color': 'crimson' }} />;
+        return <div style={{'background-color': 'crimson'}} />;
       }
     }
 
@@ -122,7 +137,7 @@ describe('CSSPropertyOperations', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toEqual(
       'Warning: Unsupported style property background-color. Did you mean backgroundColor?' +
-      '\n\nCheck the render method of `Comp`.'
+        '\n\nCheck the render method of `Comp`.',
     );
   });
 
@@ -147,11 +162,11 @@ describe('CSSPropertyOperations', () => {
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(console.error.calls.argsFor(0)[0]).toEqual(
       'Warning: Unsupported style property -ms-transform. Did you mean msTransform?' +
-      '\n\nCheck the render method of `Comp`.'
+        '\n\nCheck the render method of `Comp`.',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toEqual(
       'Warning: Unsupported style property -webkit-transform. Did you mean WebkitTransform?' +
-      '\n\nCheck the render method of `Comp`.'
+        '\n\nCheck the render method of `Comp`.',
     );
   });
 
@@ -160,11 +175,15 @@ describe('CSSPropertyOperations', () => {
       static displayName = 'Comp';
 
       render() {
-        return (<div style={{
-          msTransform: 'translate3d(0, 0, 0)',
-          oTransform: 'translate3d(0, 0, 0)',
-          webkitTransform: 'translate3d(0, 0, 0)',
-        }} />);
+        return (
+          <div
+            style={{
+              msTransform: 'translate3d(0, 0, 0)',
+              oTransform: 'translate3d(0, 0, 0)',
+              webkitTransform: 'translate3d(0, 0, 0)',
+            }}
+          />
+        );
       }
     }
 
@@ -175,11 +194,11 @@ describe('CSSPropertyOperations', () => {
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(console.error.calls.argsFor(0)[0]).toEqual(
       'Warning: Unsupported vendor-prefixed style property oTransform. ' +
-      'Did you mean OTransform?\n\nCheck the render method of `Comp`.'
+        'Did you mean OTransform?\n\nCheck the render method of `Comp`.',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toEqual(
       'Warning: Unsupported vendor-prefixed style property webkitTransform. ' +
-      'Did you mean WebkitTransform?\n\nCheck the render method of `Comp`.'
+        'Did you mean WebkitTransform?\n\nCheck the render method of `Comp`.',
     );
   });
 
@@ -188,12 +207,16 @@ describe('CSSPropertyOperations', () => {
       static displayName = 'Comp';
 
       render() {
-        return (<div style={{
-          fontFamily: 'Helvetica, arial',
-          backgroundImage: 'url(foo;bar)',
-          backgroundColor: 'blue;',
-          color: 'red;   ',
-        }} />);
+        return (
+          <div
+            style={{
+              fontFamily: 'Helvetica, arial',
+              backgroundImage: 'url(foo;bar)',
+              backgroundColor: 'blue;',
+              color: 'red;   ',
+            }}
+          />
+        );
       }
     }
 
@@ -202,12 +225,12 @@ describe('CSSPropertyOperations', () => {
     ReactDOM.render(<Comp />, root);
     expectDev(console.error.calls.count()).toBe(2);
     expectDev(console.error.calls.argsFor(0)[0]).toEqual(
-      'Warning: Style property values shouldn\'t contain a semicolon.' +
-      '\n\nCheck the render method of `Comp`. Try "backgroundColor: blue" instead.',
+      "Warning: Style property values shouldn't contain a semicolon." +
+        '\n\nCheck the render method of `Comp`. Try "backgroundColor: blue" instead.',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toEqual(
-      'Warning: Style property values shouldn\'t contain a semicolon.' +
-      '\n\nCheck the render method of `Comp`. Try "color: red" instead.',
+      "Warning: Style property values shouldn't contain a semicolon." +
+        '\n\nCheck the render method of `Comp`. Try "color: red" instead.',
     );
   });
 
@@ -216,7 +239,7 @@ describe('CSSPropertyOperations', () => {
       static displayName = 'Comp';
 
       render() {
-        return <div style={{ fontSize: NaN }} />;
+        return <div style={{fontSize: NaN}} />;
       }
     }
 
@@ -227,7 +250,7 @@ describe('CSSPropertyOperations', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toEqual(
       'Warning: `NaN` is an invalid value for the `fontSize` css style property.' +
-      '\n\nCheck the render method of `Comp`.'
+        '\n\nCheck the render method of `Comp`.',
     );
   });
 });
diff --git a/src/renderers/dom/shared/__tests__/DOMPropertyOperations-test.js b/src/renderers/dom/shared/__tests__/DOMPropertyOperations-test.js
index a5d4605d30..8408415424 100644
--- a/src/renderers/dom/shared/__tests__/DOMPropertyOperations-test.js
+++ b/src/renderers/dom/shared/__tests__/DOMPropertyOperations-test.js
@@ -27,148 +27,118 @@ describe('DOMPropertyOperations', () => {
   });
 
   describe('createMarkupForProperty', () => {
-
     it('should create markup for simple properties', () => {
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'name',
-        'simple'
-      )).toBe('name="simple"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('name', 'simple'),
+      ).toBe('name="simple"');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'name',
-        false
-      )).toBe('name="false"');
+      expect(DOMPropertyOperations.createMarkupForProperty('name', false)).toBe(
+        'name="false"',
+      );
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'name',
-        null
-      )).toBe('');
+      expect(DOMPropertyOperations.createMarkupForProperty('name', null)).toBe(
+        '',
+      );
     });
 
     it('should work with the id attribute', () => {
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'id',
-        'simple'
-      )).toBe('id="simple"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('id', 'simple'),
+      ).toBe('id="simple"');
     });
 
     it('should create markup for boolean properties', () => {
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'checked',
-        'simple'
-      )).toBe('checked=""');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('checked', 'simple'),
+      ).toBe('checked=""');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'checked',
-        true
-      )).toBe('checked=""');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('checked', true),
+      ).toBe('checked=""');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'checked',
-        false
-      )).toBe('');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('checked', false),
+      ).toBe('');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'scoped',
-        true
-      )).toBe('scoped=""');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('scoped', true),
+      ).toBe('scoped=""');
     });
 
     it('should create markup for booleanish properties', () => {
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'download',
-        'simple'
-      )).toBe('download="simple"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('download', 'simple'),
+      ).toBe('download="simple"');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'download',
-        true
-      )).toBe('download=""');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('download', true),
+      ).toBe('download=""');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'download',
-        'true'
-      )).toBe('download="true"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('download', 'true'),
+      ).toBe('download="true"');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'download',
-        false
-      )).toBe('');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('download', false),
+      ).toBe('');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'download',
-        'false'
-      )).toBe('download="false"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('download', 'false'),
+      ).toBe('download="false"');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'download',
-        undefined
-      )).toBe('');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('download', undefined),
+      ).toBe('');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'download',
-        null
-      )).toBe('');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('download', null),
+      ).toBe('');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'download',
-        0
-      )).toBe('download="0"');
+      expect(DOMPropertyOperations.createMarkupForProperty('download', 0)).toBe(
+        'download="0"',
+      );
     });
 
     it('should create markup for custom attributes', () => {
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'aria-label',
-        'simple'
-      )).toBe('aria-label="simple"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('aria-label', 'simple'),
+      ).toBe('aria-label="simple"');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'aria-label',
-        false
-      )).toBe('aria-label="false"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('aria-label', false),
+      ).toBe('aria-label="false"');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'aria-label',
-        null
-      )).toBe('');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('aria-label', null),
+      ).toBe('');
     });
 
     it('should create markup for numeric properties', () => {
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'start',
-        5
-      )).toBe('start="5"');
+      expect(DOMPropertyOperations.createMarkupForProperty('start', 5)).toBe(
+        'start="5"',
+      );
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'start',
-        0
-      )).toBe('start="0"');
+      expect(DOMPropertyOperations.createMarkupForProperty('start', 0)).toBe(
+        'start="0"',
+      );
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'size',
-        0
-      )).toBe('');
+      expect(DOMPropertyOperations.createMarkupForProperty('size', 0)).toBe('');
 
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'size',
-        1
-      )).toBe('size="1"');
+      expect(DOMPropertyOperations.createMarkupForProperty('size', 1)).toBe(
+        'size="1"',
+      );
     });
-
   });
 
   describe('createMarkupForProperty', () => {
-
     it('should allow custom properties on web components', () => {
-      expect(DOMPropertyOperations.createMarkupForCustomAttribute(
-        'awesomeness',
-        5
-      )).toBe('awesomeness="5"');
+      expect(
+        DOMPropertyOperations.createMarkupForCustomAttribute('awesomeness', 5),
+      ).toBe('awesomeness="5"');
 
-      expect(DOMPropertyOperations.createMarkupForCustomAttribute(
-        'dev',
-        'jim'
-      )).toBe('dev="jim"');
+      expect(
+        DOMPropertyOperations.createMarkupForCustomAttribute('dev', 'jim'),
+      ).toBe('dev="jim"');
     });
   });
 
@@ -198,15 +168,22 @@ describe('DOMPropertyOperations', () => {
       DOMPropertyOperations.setValueForProperty(
         stubNode,
         'xlinkHref',
-        'about:blank'
+        'about:blank',
       );
       expect(stubNode.setAttributeNS.calls.count()).toBe(1);
-      expect(stubNode.setAttributeNS.calls.argsFor(0))
-        .toEqual(['http://www.w3.org/1999/xlink', 'xlink:href', 'about:blank']);
+      expect(stubNode.setAttributeNS.calls.argsFor(0)).toEqual([
+        'http://www.w3.org/1999/xlink',
+        'xlink:href',
+        'about:blank',
+      ]);
     });
 
     it('should set values as boolean properties', () => {
-      DOMPropertyOperations.setValueForProperty(stubNode, 'disabled', 'disabled');
+      DOMPropertyOperations.setValueForProperty(
+        stubNode,
+        'disabled',
+        'disabled',
+      );
       expect(stubNode.getAttribute('disabled')).toBe('');
       DOMPropertyOperations.setValueForProperty(stubNode, 'disabled', true);
       expect(stubNode.getAttribute('disabled')).toBe('');
@@ -240,23 +217,15 @@ describe('DOMPropertyOperations', () => {
       DOMPropertyOperations.setValueForProperty(
         stubNode,
         'allowFullScreen',
-        false
+        false,
       );
       expect(stubNode.hasAttribute('allowFullScreen')).toBe(false);
     });
 
     it('should remove when setting custom attr to null', () => {
-      DOMPropertyOperations.setValueForProperty(
-        stubNode,
-        'data-foo',
-        'bar'
-      );
+      DOMPropertyOperations.setValueForProperty(stubNode, 'data-foo', 'bar');
       expect(stubNode.hasAttribute('data-foo')).toBe(true);
-      DOMPropertyOperations.setValueForProperty(
-        stubNode,
-        'data-foo',
-        null
-      );
+      DOMPropertyOperations.setValueForProperty(stubNode, 'data-foo', null);
       expect(stubNode.hasAttribute('data-foo')).toBe(false);
     });
 
@@ -273,7 +242,7 @@ describe('DOMPropertyOperations', () => {
       DOMPropertyOperations.setValueForProperty(
         stubNode,
         'foobar',
-        'cows say moo'
+        'cows say moo',
       );
 
       expect(foobarSetter.mock.calls.length).toBe(1);
@@ -285,15 +254,11 @@ describe('DOMPropertyOperations', () => {
       DOMPropertyOperations.setValueForProperty(
         stubNode,
         'className',
-        'selected'
+        'selected',
       );
       expect(stubNode.className).toBe('selected');
 
-      DOMPropertyOperations.setValueForProperty(
-        stubNode,
-        'className',
-        null
-      );
+      DOMPropertyOperations.setValueForProperty(stubNode, 'className', null);
       // className should be '', not 'null' or null (which becomes 'null' in
       // some browsers)
       expect(stubNode.className).toBe('');
@@ -301,18 +266,10 @@ describe('DOMPropertyOperations', () => {
     });
 
     it('should remove property properly for boolean properties', () => {
-      DOMPropertyOperations.setValueForProperty(
-        stubNode,
-        'hidden',
-        true
-      );
+      DOMPropertyOperations.setValueForProperty(stubNode, 'hidden', true);
       expect(stubNode.hasAttribute('hidden')).toBe(true);
 
-      DOMPropertyOperations.setValueForProperty(
-        stubNode,
-        'hidden',
-        false
-      );
+      DOMPropertyOperations.setValueForProperty(stubNode, 'hidden', false);
       expect(stubNode.hasAttribute('hidden')).toBe(false);
     });
 
@@ -329,23 +286,14 @@ describe('DOMPropertyOperations', () => {
         },
       });
 
-      DOMPropertyOperations.setValueForProperty(
-        stubNode,
-        'foobar',
-        'selected'
-      );
+      DOMPropertyOperations.setValueForProperty(stubNode, 'foobar', 'selected');
       expect(stubNode.className).toBe('selected');
 
-      DOMPropertyOperations.setValueForProperty(
-        stubNode,
-        'foobar',
-        null
-      );
+      DOMPropertyOperations.setValueForProperty(stubNode, 'foobar', null);
       // className should be '', not 'null' or null (which becomes 'null' in
       // some browsers)
       expect(stubNode.className).toBe('');
     });
-
   });
 
   describe('deleteValueForProperty', () => {
@@ -395,26 +343,23 @@ describe('DOMPropertyOperations', () => {
       expect(stubNode.getAttribute('multiple')).toBe(null);
       expect(stubNode.multiple).toBe(false);
 
-      expect(
-        stubNode.options[0].selected &&
-        stubNode.options[1].selected
-      ).toBe(false);
+      expect(stubNode.options[0].selected && stubNode.options[1].selected).toBe(
+        false,
+      );
     });
   });
 
   describe('injectDOMPropertyConfig', () => {
     it('should support custom attributes', () => {
       // foobar does not exist yet
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'foobar',
-        'simple'
-      )).toBe(null);
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('foobar', 'simple'),
+      ).toBe(null);
 
       // foo-* does not exist yet
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'foo-xyz',
-        'simple'
-      )).toBe(null);
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('foo-xyz', 'simple'),
+      ).toBe(null);
 
       // inject foobar DOM property
       DOMProperty.injection.injectDOMPropertyConfig({
@@ -425,32 +370,28 @@ describe('DOMPropertyOperations', () => {
       });
 
       // Ensure old attributes still work
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'name',
-        'simple'
-      )).toBe('name="simple"');
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'data-name',
-        'simple'
-      )).toBe('data-name="simple"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('name', 'simple'),
+      ).toBe('name="simple"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('data-name', 'simple'),
+      ).toBe('data-name="simple"');
 
       // foobar should work
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'foobar',
-        'simple'
-      )).toBe('foobar="simple"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('foobar', 'simple'),
+      ).toBe('foobar="simple"');
 
       // foo-* should work
-      expect(DOMPropertyOperations.createMarkupForProperty(
-        'foo-xyz',
-        'simple'
-      )).toBe('foo-xyz="simple"');
+      expect(
+        DOMPropertyOperations.createMarkupForProperty('foo-xyz', 'simple'),
+      ).toBe('foo-xyz="simple"');
 
       // It should complain about double injections.
       expect(function() {
-        DOMProperty.injection.injectDOMPropertyConfig(
-          {Properties: {foobar: null}}
-        );
+        DOMProperty.injection.injectDOMPropertyConfig({
+          Properties: {foobar: null},
+        });
       }).toThrow();
     });
   });
diff --git a/src/renderers/dom/shared/__tests__/ReactBrowserEventEmitter-test.js b/src/renderers/dom/shared/__tests__/ReactBrowserEventEmitter-test.js
index 0c136beec2..266798bfd4 100644
--- a/src/renderers/dom/shared/__tests__/ReactBrowserEventEmitter-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactBrowserEventEmitter-test.js
@@ -76,7 +76,7 @@ describe('ReactBrowserEventEmitter', () => {
     var CHILD_PROPS = {};
 
     function Child(props) {
-      return <div ref={(c) => CHILD = c} {...props} />;
+      return <div ref={c => CHILD = c} {...props} />;
     }
 
     class ChildWrapper extends React.PureComponent {
@@ -87,12 +87,12 @@ describe('ReactBrowserEventEmitter', () => {
 
     function renderTree() {
       ReactDOM.render(
-        <div ref={(c) => GRANDPARENT = c} {...GRANDPARENT_PROPS}>
-          <div ref={(c) => PARENT = c} {...PARENT_PROPS}>
+        <div ref={c => GRANDPARENT = c} {...GRANDPARENT_PROPS}>
+          <div ref={c => PARENT = c} {...PARENT_PROPS}>
             <ChildWrapper {...CHILD_PROPS} />
           </div>
         </div>,
-        container
+        container,
       );
     }
 
@@ -100,10 +100,7 @@ describe('ReactBrowserEventEmitter', () => {
 
     getListener = function(node, eventName) {
       var inst = ReactDOMComponentTree.getInstanceFromNode(node);
-      return EventPluginHub.getListener(
-        inst,
-        eventName
-      );
+      return EventPluginHub.getListener(inst, eventName);
     };
     putListener = function(node, eventName, listener) {
       switch (node) {
@@ -167,35 +164,20 @@ describe('ReactBrowserEventEmitter', () => {
     expect(LISTENER.mock.calls.length).toBe(1);
   });
 
-  it(
-    'should not invoke handlers if ReactBrowserEventEmitter is disabled',
-    () => {
-      registerSimpleTestHandler();
-      ReactBrowserEventEmitter.setEnabled(false);
-      ReactTestUtils.SimulateNative.click(CHILD);
-      expect(LISTENER.mock.calls.length).toBe(0);
-      ReactBrowserEventEmitter.setEnabled(true);
-      ReactTestUtils.SimulateNative.click(CHILD);
-      expect(LISTENER.mock.calls.length).toBe(1);
-    }
-  );
+  it('should not invoke handlers if ReactBrowserEventEmitter is disabled', () => {
+    registerSimpleTestHandler();
+    ReactBrowserEventEmitter.setEnabled(false);
+    ReactTestUtils.SimulateNative.click(CHILD);
+    expect(LISTENER.mock.calls.length).toBe(0);
+    ReactBrowserEventEmitter.setEnabled(true);
+    ReactTestUtils.SimulateNative.click(CHILD);
+    expect(LISTENER.mock.calls.length).toBe(1);
+  });
 
   it('should bubble simply', () => {
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      recordID.bind(null, CHILD)
-    );
-    putListener(
-      PARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, PARENT)
-    );
-    putListener(
-      GRANDPARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, GRANDPARENT)
-    );
+    putListener(CHILD, ON_CLICK_KEY, recordID.bind(null, CHILD));
+    putListener(PARENT, ON_CLICK_KEY, recordID.bind(null, PARENT));
+    putListener(GRANDPARENT, ON_CLICK_KEY, recordID.bind(null, GRANDPARENT));
     ReactTestUtils.Simulate.click(CHILD);
     expect(idCallOrder.length).toBe(3);
     expect(idCallOrder[0]).toBe(CHILD);
@@ -204,27 +186,11 @@ describe('ReactBrowserEventEmitter', () => {
   });
 
   it('should bubble to the right handler after an update', () => {
-    putListener(
-      GRANDPARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, 'GRANDPARENT')
-    );
-    putListener(
-      PARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, 'PARENT')
-    );
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      recordID.bind(null, 'CHILD')
-    );
+    putListener(GRANDPARENT, ON_CLICK_KEY, recordID.bind(null, 'GRANDPARENT'));
+    putListener(PARENT, ON_CLICK_KEY, recordID.bind(null, 'PARENT'));
+    putListener(CHILD, ON_CLICK_KEY, recordID.bind(null, 'CHILD'));
     ReactTestUtils.Simulate.click(CHILD);
-    expect(idCallOrder).toEqual([
-      'CHILD',
-      'PARENT',
-      'GRANDPARENT',
-    ]);
+    expect(idCallOrder).toEqual(['CHILD', 'PARENT', 'GRANDPARENT']);
 
     idCallOrder = [];
 
@@ -232,36 +198,20 @@ describe('ReactBrowserEventEmitter', () => {
     putListener(
       GRANDPARENT,
       ON_CLICK_KEY,
-      recordID.bind(null, 'UPDATED_GRANDPARENT')
+      recordID.bind(null, 'UPDATED_GRANDPARENT'),
     );
 
     ReactTestUtils.Simulate.click(CHILD);
-    expect(idCallOrder).toEqual([
-      'CHILD',
-      'PARENT',
-      'UPDATED_GRANDPARENT',
-    ]);
+    expect(idCallOrder).toEqual(['CHILD', 'PARENT', 'UPDATED_GRANDPARENT']);
   });
 
   it('should continue bubbling if an error is thrown', () => {
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      recordID.bind(null, CHILD)
-    );
-    putListener(
-      PARENT,
-      ON_CLICK_KEY,
-      function() {
-        recordID(PARENT);
-        throw new Error('Handler interrupted');
-      }
-    );
-    putListener(
-      GRANDPARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, GRANDPARENT)
-    );
+    putListener(CHILD, ON_CLICK_KEY, recordID.bind(null, CHILD));
+    putListener(PARENT, ON_CLICK_KEY, function() {
+      recordID(PARENT);
+      throw new Error('Handler interrupted');
+    });
+    putListener(GRANDPARENT, ON_CLICK_KEY, recordID.bind(null, GRANDPARENT));
     expect(function() {
       ReactTestUtils.Simulate.click(CHILD);
     }).toThrow();
@@ -272,30 +222,18 @@ describe('ReactBrowserEventEmitter', () => {
   });
 
   it('should set currentTarget', () => {
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      function(event) {
-        recordID(CHILD);
-        expect(event.currentTarget).toBe(CHILD);
-      }
-    );
-    putListener(
-      PARENT,
-      ON_CLICK_KEY,
-      function(event) {
-        recordID(PARENT);
-        expect(event.currentTarget).toBe(PARENT);
-      }
-    );
-    putListener(
-      GRANDPARENT,
-      ON_CLICK_KEY,
-      function(event) {
-        recordID(GRANDPARENT);
-        expect(event.currentTarget).toBe(GRANDPARENT);
-      }
-    );
+    putListener(CHILD, ON_CLICK_KEY, function(event) {
+      recordID(CHILD);
+      expect(event.currentTarget).toBe(CHILD);
+    });
+    putListener(PARENT, ON_CLICK_KEY, function(event) {
+      recordID(PARENT);
+      expect(event.currentTarget).toBe(PARENT);
+    });
+    putListener(GRANDPARENT, ON_CLICK_KEY, function(event) {
+      recordID(GRANDPARENT);
+      expect(event.currentTarget).toBe(GRANDPARENT);
+    });
     ReactTestUtils.Simulate.click(CHILD);
     expect(idCallOrder.length).toBe(3);
     expect(idCallOrder[0]).toBe(CHILD);
@@ -304,21 +242,13 @@ describe('ReactBrowserEventEmitter', () => {
   });
 
   it('should support stopPropagation()', () => {
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      recordID.bind(null, CHILD)
-    );
+    putListener(CHILD, ON_CLICK_KEY, recordID.bind(null, CHILD));
     putListener(
       PARENT,
       ON_CLICK_KEY,
-      recordIDAndStopPropagation.bind(null, PARENT)
-    );
-    putListener(
-      GRANDPARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, GRANDPARENT)
+      recordIDAndStopPropagation.bind(null, PARENT),
     );
+    putListener(GRANDPARENT, ON_CLICK_KEY, recordID.bind(null, GRANDPARENT));
     ReactTestUtils.Simulate.click(CHILD);
     expect(idCallOrder.length).toBe(2);
     expect(idCallOrder[0]).toBe(CHILD);
@@ -327,25 +257,13 @@ describe('ReactBrowserEventEmitter', () => {
 
   it('should support overriding .isPropagationStopped()', () => {
     // Ew. See D4504876.
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      recordID.bind(null, CHILD)
-    );
-    putListener(
-      PARENT,
-      ON_CLICK_KEY,
-      function(e) {
-        recordID(PARENT, e);
-        // This stops React bubbling but avoids touching the native event
-        e.isPropagationStopped = () => true;
-      }
-    );
-    putListener(
-      GRANDPARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, GRANDPARENT)
-    );
+    putListener(CHILD, ON_CLICK_KEY, recordID.bind(null, CHILD));
+    putListener(PARENT, ON_CLICK_KEY, function(e) {
+      recordID(PARENT, e);
+      // This stops React bubbling but avoids touching the native event
+      e.isPropagationStopped = () => true;
+    });
+    putListener(GRANDPARENT, ON_CLICK_KEY, recordID.bind(null, GRANDPARENT));
     ReactTestUtils.Simulate.click(CHILD);
     expect(idCallOrder.length).toBe(2);
     expect(idCallOrder[0]).toBe(CHILD);
@@ -356,39 +274,19 @@ describe('ReactBrowserEventEmitter', () => {
     putListener(
       CHILD,
       ON_CLICK_KEY,
-      recordIDAndStopPropagation.bind(null, CHILD)
-    );
-    putListener(
-      PARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, PARENT)
-    );
-    putListener(
-      GRANDPARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, GRANDPARENT)
+      recordIDAndStopPropagation.bind(null, CHILD),
     );
+    putListener(PARENT, ON_CLICK_KEY, recordID.bind(null, PARENT));
+    putListener(GRANDPARENT, ON_CLICK_KEY, recordID.bind(null, GRANDPARENT));
     ReactTestUtils.Simulate.click(CHILD);
     expect(idCallOrder.length).toBe(1);
     expect(idCallOrder[0]).toBe(CHILD);
   });
 
   it('should not stopPropagation if false is returned', () => {
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      recordIDAndReturnFalse.bind(null, CHILD)
-    );
-    putListener(
-      PARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, PARENT)
-    );
-    putListener(
-      GRANDPARENT,
-      ON_CLICK_KEY,
-      recordID.bind(null, GRANDPARENT)
-    );
+    putListener(CHILD, ON_CLICK_KEY, recordIDAndReturnFalse.bind(null, CHILD));
+    putListener(PARENT, ON_CLICK_KEY, recordID.bind(null, PARENT));
+    putListener(GRANDPARENT, ON_CLICK_KEY, recordID.bind(null, GRANDPARENT));
     spyOn(console, 'error');
     ReactTestUtils.Simulate.click(CHILD);
     expect(idCallOrder.length).toBe(3);
@@ -412,16 +310,8 @@ describe('ReactBrowserEventEmitter', () => {
     var handleChildClick = function(event) {
       deleteAllListeners(PARENT);
     };
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      handleChildClick
-    );
-    putListener(
-      PARENT,
-      ON_CLICK_KEY,
-      handleParentClick
-    );
+    putListener(CHILD, ON_CLICK_KEY, handleChildClick);
+    putListener(PARENT, ON_CLICK_KEY, handleParentClick);
     ReactTestUtils.Simulate.click(CHILD);
     expect(handleParentClick.mock.calls.length).toBe(1);
   });
@@ -429,81 +319,57 @@ describe('ReactBrowserEventEmitter', () => {
   it('should not invoke newly inserted handlers while bubbling', () => {
     var handleParentClick = jest.fn();
     var handleChildClick = function(event) {
-      putListener(
-        PARENT,
-        ON_CLICK_KEY,
-        handleParentClick
-      );
+      putListener(PARENT, ON_CLICK_KEY, handleParentClick);
     };
-    putListener(
-      CHILD,
-      ON_CLICK_KEY,
-      handleChildClick
-    );
+    putListener(CHILD, ON_CLICK_KEY, handleChildClick);
     ReactTestUtils.Simulate.click(CHILD);
     expect(handleParentClick.mock.calls.length).toBe(0);
   });
 
   it('should have mouse enter simulated by test utils', () => {
-    putListener(
-      CHILD,
-      ON_MOUSE_ENTER_KEY,
-      recordID.bind(null, CHILD)
-    );
+    putListener(CHILD, ON_MOUSE_ENTER_KEY, recordID.bind(null, CHILD));
     ReactTestUtils.Simulate.mouseEnter(CHILD);
     expect(idCallOrder.length).toBe(1);
     expect(idCallOrder[0]).toBe(CHILD);
   });
 
   it('should infer onTouchTap from a touchStart/End', () => {
-    putListener(
-      CHILD,
-      ON_TOUCH_TAP_KEY,
-      recordID.bind(null, CHILD)
-    );
+    putListener(CHILD, ON_TOUCH_TAP_KEY, recordID.bind(null, CHILD));
     ReactTestUtils.SimulateNative.touchStart(
       CHILD,
-      ReactTestUtils.nativeTouchData(0, 0)
+      ReactTestUtils.nativeTouchData(0, 0),
     );
     ReactTestUtils.SimulateNative.touchEnd(
       CHILD,
-      ReactTestUtils.nativeTouchData(0, 0)
+      ReactTestUtils.nativeTouchData(0, 0),
     );
     expect(idCallOrder.length).toBe(1);
     expect(idCallOrder[0]).toBe(CHILD);
   });
 
   it('should infer onTouchTap from when dragging below threshold', () => {
-    putListener(
-      CHILD,
-      ON_TOUCH_TAP_KEY,
-      recordID.bind(null, CHILD)
-    );
+    putListener(CHILD, ON_TOUCH_TAP_KEY, recordID.bind(null, CHILD));
     ReactTestUtils.SimulateNative.touchStart(
       CHILD,
-      ReactTestUtils.nativeTouchData(0, 0)
+      ReactTestUtils.nativeTouchData(0, 0),
     );
     ReactTestUtils.SimulateNative.touchEnd(
       CHILD,
-      ReactTestUtils.nativeTouchData(0, tapMoveThreshold - 1)
+      ReactTestUtils.nativeTouchData(0, tapMoveThreshold - 1),
     );
     expect(idCallOrder.length).toBe(1);
     expect(idCallOrder[0]).toBe(CHILD);
   });
 
   it('should not onTouchTap from when dragging beyond threshold', () => {
-    putListener(
-      CHILD,
-      ON_TOUCH_TAP_KEY,
-      recordID.bind(null, CHILD)
-    );
+    putListener(CHILD, ON_TOUCH_TAP_KEY, recordID.bind(null, CHILD));
     ReactTestUtils.SimulateNative.touchStart(
       CHILD,
-      ReactTestUtils.nativeTouchData(0, 0)
+      ReactTestUtils.nativeTouchData(0, 0),
     );
     ReactTestUtils.SimulateNative.touchEnd(
       CHILD,
-      ReactTestUtils.nativeTouchData(0, tapMoveThreshold + 1)
+      ReactTestUtils.nativeTouchData(0, tapMoveThreshold + 1),
     );
     expect(idCallOrder.length).toBe(0);
   });
@@ -549,28 +415,20 @@ describe('ReactBrowserEventEmitter', () => {
   });
 
   it('should bubble onTouchTap', () => {
-    putListener(
-      CHILD,
-      ON_TOUCH_TAP_KEY,
-      recordID.bind(null, CHILD)
-    );
-    putListener(
-      PARENT,
-      ON_TOUCH_TAP_KEY,
-      recordID.bind(null, PARENT)
-    );
+    putListener(CHILD, ON_TOUCH_TAP_KEY, recordID.bind(null, CHILD));
+    putListener(PARENT, ON_TOUCH_TAP_KEY, recordID.bind(null, PARENT));
     putListener(
       GRANDPARENT,
       ON_TOUCH_TAP_KEY,
-      recordID.bind(null, GRANDPARENT)
+      recordID.bind(null, GRANDPARENT),
     );
     ReactTestUtils.SimulateNative.touchStart(
       CHILD,
-      ReactTestUtils.nativeTouchData(0, 0)
+      ReactTestUtils.nativeTouchData(0, 0),
     );
     ReactTestUtils.SimulateNative.touchEnd(
       CHILD,
-      ReactTestUtils.nativeTouchData(0, 0)
+      ReactTestUtils.nativeTouchData(0, 0),
     );
     expect(idCallOrder.length).toBe(3);
     expect(idCallOrder[0] === CHILD).toBe(true);
@@ -593,5 +451,4 @@ describe('ReactBrowserEventEmitter', () => {
       document.createEvent = originalCreateEvent;
     }
   });
-
 });
diff --git a/src/renderers/dom/shared/__tests__/ReactDOM-test.js b/src/renderers/dom/shared/__tests__/ReactDOM-test.js
index eda3d31517..f05df659d1 100644
--- a/src/renderers/dom/shared/__tests__/ReactDOM-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactDOM-test.js
@@ -53,7 +53,7 @@ describe('ReactDOM', () => {
 
   it('should allow children to be passed as an argument', () => {
     var argDiv = ReactTestUtils.renderIntoDocument(
-      React.DOM.div(null, 'child')
+      React.DOM.div(null, 'child'),
     );
     var argNode = ReactDOM.findDOMNode(argDiv);
     expect(argNode.innerHTML).toBe('child');
@@ -61,7 +61,7 @@ describe('ReactDOM', () => {
 
   it('should overwrite props.children with children argument', () => {
     var conflictDiv = ReactTestUtils.renderIntoDocument(
-      React.DOM.div({children: 'fakechild'}, 'child')
+      React.DOM.div({children: 'fakechild'}, 'child'),
     );
     var conflictNode = ReactDOM.findDOMNode(conflictDiv);
     expect(conflictNode.innerHTML).toBe('child');
@@ -76,34 +76,34 @@ describe('ReactDOM', () => {
       <div>
         <div key="theDog" className="dog" />,
         <div key="theBird" className="bird" />
-      </div>
+      </div>,
     );
     // Warm the cache with theDog
     myDiv = ReactTestUtils.renderIntoDocument(
       <div>
         <div key="theDog" className="dogbeforedelete" />,
         <div key="theBird" className="bird" />,
-      </div>
+      </div>,
     );
     // Remove theDog - this should purge the cache
     myDiv = ReactTestUtils.renderIntoDocument(
       <div>
         <div key="theBird" className="bird" />,
-      </div>
+      </div>,
     );
     // Now, put theDog back. It's now a different DOM node.
     myDiv = ReactTestUtils.renderIntoDocument(
       <div>
         <div key="theDog" className="dog" />,
         <div key="theBird" className="bird" />,
-      </div>
+      </div>,
     );
     // Change the className of theDog. It will use the same element
     myDiv = ReactTestUtils.renderIntoDocument(
       <div>
         <div key="theDog" className="bigdog" />,
         <div key="theBird" className="bird" />,
-      </div>
+      </div>,
     );
     var root = ReactDOM.findDOMNode(myDiv);
     var dog = root.childNodes[0];
@@ -136,27 +136,27 @@ describe('ReactDOM', () => {
     var myDiv = document.createElement('div');
     expect(() => ReactDOM.render(<A />, myDiv, 'no')).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: no',
+        'received: no',
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'render(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: no.'
+        'a function. Instead received: no.',
     );
     expect(() => ReactDOM.render(<A />, myDiv, {foo: 'bar'})).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toContain(
       'render(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     expect(() => ReactDOM.render(<A />, myDiv, new Foo())).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(2)[0]).toContain(
       'render(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     expect(console.error.calls.count()).toBe(3);
   });
@@ -181,29 +181,29 @@ describe('ReactDOM', () => {
     ReactDOM.render(<A />, myDiv);
     expect(() => ReactDOM.render(<A />, myDiv, 'no')).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: no',
+        'received: no',
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'render(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: no.'
+        'a function. Instead received: no.',
     );
     ReactDOM.render(<A />, myDiv); // Re-mount
     expect(() => ReactDOM.render(<A />, myDiv, {foo: 'bar'})).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(1)[0]).toContain(
       'render(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     ReactDOM.render(<A />, myDiv); // Re-mount
     expect(() => ReactDOM.render(<A />, myDiv, new Foo())).toThrowError(
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: [object Object]',
+        'received: [object Object]',
     );
     expectDev(console.error.calls.argsFor(2)[0]).toContain(
       'render(...): Expected the last optional `callback` argument to be ' +
-      'a function. Instead received: [object Object].'
+        'a function. Instead received: [object Object].',
     );
     expect(console.error.calls.count()).toBe(3);
   });
@@ -215,9 +215,9 @@ describe('ReactDOM', () => {
       render() {
         return (
           <div>
-            <input id="one" ref={(r) => input = input || r} />
+            <input id="one" ref={r => input = input || r} />
             {this.props.showTwo &&
-              <input id="two" ref={(r) => input2 = input2 || r} />}
+              <input id="two" ref={r => input2 = input2 || r} />}
           </div>
         );
       }
@@ -242,7 +242,7 @@ describe('ReactDOM', () => {
     // deterministically force without relying intensely on React DOM
     // implementation details)
     var div = container.firstChild;
-    ['appendChild', 'insertBefore'].forEach((name) => {
+    ['appendChild', 'insertBefore'].forEach(name => {
       var mutator = div[name];
       div[name] = function() {
         if (input) {
@@ -260,10 +260,7 @@ describe('ReactDOM', () => {
     // componentDidUpdate focuses input2 and that should make it down to here,
     // not get overwritten by focus restoration.
     expect(document.activeElement.id).toBe('two');
-    expect(log).toEqual([
-      'input2 inserted',
-      'input2 focused',
-    ]);
+    expect(log).toEqual(['input2 inserted', 'input2 focused']);
     document.body.removeChild(container);
   });
 
diff --git a/src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js b/src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js
index 9ae9450798..9a5adddf9a 100644
--- a/src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js
@@ -11,7 +11,6 @@
 
 'use strict';
 
-
 describe('ReactDOMComponent', () => {
   var React;
   var ReactTestUtils;
@@ -148,7 +147,7 @@ describe('ReactDOMComponent', () => {
       expectDev(console.error.calls.count(0)).toBe(1);
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
         'Warning: Unknown prop `foo` on <div> tag. Remove this prop from the element. ' +
-        'For details, see https://fb.me/react-unknown-prop\n    in div (at **)'
+          'For details, see https://fb.me/react-unknown-prop\n    in div (at **)',
       );
     });
 
@@ -159,7 +158,7 @@ describe('ReactDOMComponent', () => {
       expectDev(console.error.calls.count(0)).toBe(1);
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
         'Warning: Unknown props `foo`, `baz` on <div> tag. Remove these props from the element. ' +
-        'For details, see https://fb.me/react-unknown-prop\n    in div (at **)'
+          'For details, see https://fb.me/react-unknown-prop\n    in div (at **)',
       );
     });
 
@@ -169,7 +168,7 @@ describe('ReactDOMComponent', () => {
       ReactDOM.render(<div onDblClick={() => {}} />, container);
       expectDev(console.error.calls.count(0)).toBe(1);
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
-        'Warning: Unknown event handler property onDblClick. Did you mean `onDoubleClick`?\n    in div (at **)'
+        'Warning: Unknown event handler property onDblClick. Did you mean `onDoubleClick`?\n    in div (at **)',
       );
     });
 
@@ -242,15 +241,14 @@ describe('ReactDOMComponent', () => {
           <my-second-component slot="first" />
           <button slot="second">Hello</button>
         </my-component>,
-        container
+        container,
       );
 
       var lightDOM = container.firstChild.childNodes;
 
       expect(lightDOM[0].getAttribute('slot')).toBe('first');
       expect(lightDOM[1].getAttribute('slot')).toBe('second');
-
-    } );
+    });
 
     it('should skip reserved props on web components', () => {
       var container = document.createElement('div');
@@ -260,11 +258,11 @@ describe('ReactDOMComponent', () => {
           children={['foo']}
           suppressContentEditableWarning={true}
         />,
-        container
+        container,
       );
       expect(container.firstChild.hasAttribute('children')).toBe(false);
       expect(
-        container.firstChild.hasAttribute('suppressContentEditableWarning')
+        container.firstChild.hasAttribute('suppressContentEditableWarning'),
       ).toBe(false);
 
       ReactDOM.render(
@@ -272,11 +270,11 @@ describe('ReactDOMComponent', () => {
           children={['bar']}
           suppressContentEditableWarning={false}
         />,
-        container
+        container,
       );
       expect(container.firstChild.hasAttribute('children')).toBe(false);
       expect(
-        container.firstChild.hasAttribute('suppressContentEditableWarning')
+        container.firstChild.hasAttribute('suppressContentEditableWarning'),
       ).toBe(false);
     });
 
@@ -285,19 +283,19 @@ describe('ReactDOMComponent', () => {
 
       ReactDOM.render(
         <my-component dangerouslySetInnerHTML={{__html: 'hi'}} />,
-        container
+        container,
+      );
+      expect(container.firstChild.hasAttribute('dangerouslySetInnerHTML')).toBe(
+        false,
       );
-      expect(
-        container.firstChild.hasAttribute('dangerouslySetInnerHTML')
-      ).toBe(false);
 
       ReactDOM.render(
         <my-component dangerouslySetInnerHTML={{__html: 'bye'}} />,
-        container
+        container,
+      );
+      expect(container.firstChild.hasAttribute('dangerouslySetInnerHTML')).toBe(
+        false,
       );
-      expect(
-        container.firstChild.hasAttribute('dangerouslySetInnerHTML')
-      ).toBe(false);
     });
 
     it('should render null and undefined as empty but print other falsy values', () => {
@@ -305,37 +303,34 @@ describe('ReactDOMComponent', () => {
 
       ReactDOM.render(
         <div dangerouslySetInnerHTML={{__html: 'textContent'}} />,
-        container
+        container,
       );
       expect(container.textContent).toEqual('textContent');
 
-      ReactDOM.render(
-        <div dangerouslySetInnerHTML={{__html: 0}} />,
-        container
-      );
+      ReactDOM.render(<div dangerouslySetInnerHTML={{__html: 0}} />, container);
       expect(container.textContent).toEqual('0');
 
       ReactDOM.render(
         <div dangerouslySetInnerHTML={{__html: false}} />,
-        container
+        container,
       );
       expect(container.textContent).toEqual('false');
 
       ReactDOM.render(
         <div dangerouslySetInnerHTML={{__html: ''}} />,
-        container
+        container,
       );
       expect(container.textContent).toEqual('');
 
       ReactDOM.render(
         <div dangerouslySetInnerHTML={{__html: null}} />,
-        container
+        container,
       );
       expect(container.textContent).toEqual('');
 
       ReactDOM.render(
         <div dangerouslySetInnerHTML={{__html: undefined}} />,
-        container
+        container,
       );
       expect(container.textContent).toEqual('');
     });
@@ -387,13 +382,13 @@ describe('ReactDOMComponent', () => {
         var element = React.createElement(
           'x-foo-component',
           {'blah" onclick="beevil" noise="hi': 'selected'},
-          null
+          null,
         );
         ReactDOM.render(element, container);
       }
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toEqual(
-        'Warning: Invalid attribute name: `blah" onclick="beevil" noise="hi`'
+        'Warning: Invalid attribute name: `blah" onclick="beevil" noise="hi`',
       );
     });
 
@@ -407,13 +402,13 @@ describe('ReactDOMComponent', () => {
         var afterUpdate = React.createElement(
           'x-foo-component',
           {'blah" onclick="beevil" noise="hi': 'selected'},
-          null
+          null,
         );
         ReactDOM.render(afterUpdate, container);
       }
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toEqual(
-        'Warning: Invalid attribute name: `blah" onclick="beevil" noise="hi`'
+        'Warning: Invalid attribute name: `blah" onclick="beevil" noise="hi`',
       );
     });
 
@@ -463,12 +458,8 @@ describe('ReactDOMComponent', () => {
     });
 
     it('should reset innerHTML when switching from a direct text child to an empty child', () => {
-      const transitionToValues = [
-        null,
-        undefined,
-        false,
-      ];
-      transitionToValues.forEach((transitionToValue) => {
+      const transitionToValues = [null, undefined, false];
+      transitionToValues.forEach(transitionToValue => {
         var container = document.createElement('div');
         ReactDOM.render(<div>bonjour</div>, container);
         expect(container.firstChild.innerHTML).toEqual('bonjour');
@@ -480,7 +471,10 @@ describe('ReactDOMComponent', () => {
 
     it('should empty element when removing innerHTML', () => {
       var container = document.createElement('div');
-      ReactDOM.render(<div dangerouslySetInnerHTML={{__html: ':)'}} />, container);
+      ReactDOM.render(
+        <div dangerouslySetInnerHTML={{__html: ':)'}} />,
+        container,
+      );
 
       expect(container.firstChild.innerHTML).toEqual(':)');
       ReactDOM.render(<div />, container);
@@ -494,7 +488,7 @@ describe('ReactDOMComponent', () => {
       expect(container.firstChild.innerHTML).toEqual('hello');
       ReactDOM.render(
         <div dangerouslySetInnerHTML={{__html: 'goodbye'}} />,
-        container
+        container,
       );
       expect(container.firstChild.innerHTML).toEqual('goodbye');
     });
@@ -503,7 +497,7 @@ describe('ReactDOMComponent', () => {
       var container = document.createElement('div');
       ReactDOM.render(
         <div dangerouslySetInnerHTML={{__html: 'bonjour'}} />,
-        container
+        container,
       );
 
       expect(container.firstChild.innerHTML).toEqual('bonjour');
@@ -515,7 +509,7 @@ describe('ReactDOMComponent', () => {
       var container = document.createElement('div');
       ReactDOM.render(
         <div><div dangerouslySetInnerHTML={{__html: 'bonjour'}} /></div>,
-        container
+        container,
       );
 
       expect(container.textContent).toEqual('bonjour');
@@ -530,7 +524,7 @@ describe('ReactDOMComponent', () => {
       expect(container.textContent).toEqual('adieu');
       ReactDOM.render(
         <div><div dangerouslySetInnerHTML={{__html: 'bonjour'}} /></div>,
-        container
+        container,
       );
       expect(container.textContent).toEqual('bonjour');
     });
@@ -672,7 +666,7 @@ describe('ReactDOMComponent', () => {
             <div key="C">C</div><div key="D">D</div>
           </div>
         </div>,
-        container
+        container,
       );
       // BADC
       ReactDOM.render(
@@ -684,7 +678,7 @@ describe('ReactDOMComponent', () => {
             <div key="D">D</div><div key="C">C</div>
           </div>
         </div>,
-        container
+        container,
       );
 
       expect(container.textContent).toBe('BADC');
@@ -702,7 +696,7 @@ describe('ReactDOMComponent', () => {
       if (typeof value !== 'undefined') {
         re += quoteRegexp(value) + '[\\\'"]';
       }
-      return (new RegExp(re)).test(actual);
+      return new RegExp(re).test(actual);
     }
 
     function genMarkup(props) {
@@ -716,9 +710,14 @@ describe('ReactDOMComponent', () => {
     });
 
     it('should escape style names and values', () => {
-      expect(toHaveAttribute(genMarkup({
-        style: {'b&ckground': '<3'},
-      }), ['style', 'b&amp;ckground:&lt;3;']));
+      expect(
+        toHaveAttribute(
+          genMarkup({
+            style: {'b&ckground': '<3'},
+          }),
+          ['style', 'b&amp;ckground:&lt;3;'],
+        ),
+      );
     });
   });
 
@@ -729,17 +728,20 @@ describe('ReactDOMComponent', () => {
 
     function genMarkup(props) {
       return ReactDOMServer.renderToString(<div {...props} />);
-    }    
+    }
 
     function toHaveInnerhtml(actual, expected) {
       var re = '^' + quoteRegexp(expected) + '$';
-      return (new RegExp(re)).test(actual);
+      return new RegExp(re).test(actual);
     }
 
     it('should handle dangerouslySetInnerHTML', () => {
       var innerHTML = {__html: 'testContent'};
       expect(
-        toHaveInnerhtml(genMarkup({dangerouslySetInnerHTML: innerHTML}), 'testContent')
+        toHaveInnerhtml(
+          genMarkup({dangerouslySetInnerHTML: innerHTML}),
+          'testContent',
+        ),
       );
     });
   });
@@ -759,9 +761,13 @@ describe('ReactDOMComponent', () => {
       var container = document.createElement('div');
       ReactDOM.render(
         <video>
-          <source src="http://example.org/video" type="video/mp4" onError={(e) => console.error('onError called')} />
+          <source
+            src="http://example.org/video"
+            type="video/mp4"
+            onError={e => console.error('onError called')}
+          />
         </video>,
-        container
+        container,
       );
 
       var errorEvent = document.createEvent('Event');
@@ -769,9 +775,7 @@ describe('ReactDOMComponent', () => {
       container.getElementsByTagName('source')[0].dispatchEvent(errorEvent);
 
       expectDev(console.error.calls.count()).toBe(1);
-      expectDev(console.error.calls.argsFor(0)[0]).toContain(
-        'onError called'
-      );
+      expectDev(console.error.calls.argsFor(0)[0]).toContain('onError called');
     });
 
     it('should not duplicate uppercased selfclosing tags', () => {
@@ -786,24 +790,22 @@ describe('ReactDOMComponent', () => {
       expect(returnedValue).not.toContain('</BR>');
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain(
-        '<BR /> is using uppercase HTML.'
+        '<BR /> is using uppercase HTML.',
       );
     });
 
     it('should warn on upper case HTML tags, not SVG nor custom tags', () => {
       spyOn(console, 'error');
       ReactTestUtils.renderIntoDocument(
-        React.createElement('svg', null, React.createElement('PATH'))
+        React.createElement('svg', null, React.createElement('PATH')),
       );
       expectDev(console.error.calls.count()).toBe(0);
-      ReactTestUtils.renderIntoDocument(
-        React.createElement('CUSTOM-TAG')
-      );
+      ReactTestUtils.renderIntoDocument(React.createElement('CUSTOM-TAG'));
       expectDev(console.error.calls.count()).toBe(0);
       ReactTestUtils.renderIntoDocument(React.createElement('IMG'));
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain(
-        '<IMG /> is using uppercase HTML.'
+        '<IMG /> is using uppercase HTML.',
       );
     });
 
@@ -814,7 +816,7 @@ describe('ReactDOMComponent', () => {
         ReactDOM.render(<input>children</input>, container);
       }).toThrowError(
         'input is a void element tag and must neither have `children` nor ' +
-        'use `dangerouslySetInnerHTML`.'
+          'use `dangerouslySetInnerHTML`.',
       );
     });
 
@@ -824,11 +826,11 @@ describe('ReactDOMComponent', () => {
       expect(function() {
         ReactDOM.render(
           <input dangerouslySetInnerHTML={{__html: 'content'}} />,
-          container
+          container,
         );
       }).toThrowError(
         'input is a void element tag and must neither have `children` nor use ' +
-        '`dangerouslySetInnerHTML`.'
+          '`dangerouslySetInnerHTML`.',
       );
     });
 
@@ -850,13 +852,8 @@ describe('ReactDOMComponent', () => {
       }
 
       expect(function() {
-        ReactDOM.render(
-          <Owner />,
-          container
-        );
-      }).toThrowError(
-        '\n\nThis DOM node was rendered by `Owner`.'
-      );
+        ReactDOM.render(<Owner />, container);
+      }).toThrowError('\n\nThis DOM node was rendered by `Owner`.');
     });
 
     it('should emit a warning once for a named custom component using shady DOM', () => {
@@ -881,11 +878,10 @@ describe('ReactDOMComponent', () => {
           expectDev(console.error.calls.count()).toBe(1);
           expectDev(console.error.calls.argsFor(0)[0]).toContain(
             'ShadyComponent is using shady DOM. Using shady DOM with React can ' +
-            'cause things to break subtly.'
+              'cause things to break subtly.',
           );
           mountComponent({is: 'custom-shady-div2'});
           expectDev(console.error.calls.count()).toBe(1);
-
         } finally {
           document.createElement = defaultCreateElement;
         }
@@ -909,12 +905,11 @@ describe('ReactDOMComponent', () => {
           expectDev(console.error.calls.count()).toBe(1);
           expectDev(console.error.calls.argsFor(0)[0]).toContain(
             'A component is using shady DOM. Using shady DOM with React can ' +
-            'cause things to break subtly.'
+              'cause things to break subtly.',
           );
 
           mountComponent({is: 'custom-shady-div2'});
           expectDev(console.error.calls.count()).toBe(1);
-
         } finally {
           document.createElement = defaultCreateElement;
         }
@@ -924,7 +919,9 @@ describe('ReactDOMComponent', () => {
     it('should treat menuitem as a void element but still create the closing tag', () => {
       var container = document.createElement('div');
 
-      var returnedValue = ReactDOMServer.renderToString(<menu><menuitem /></menu>);
+      var returnedValue = ReactDOMServer.renderToString(
+        <menu><menuitem /></menu>,
+      );
 
       expect(returnedValue).toContain('</menuitem>');
 
@@ -932,26 +929,24 @@ describe('ReactDOMComponent', () => {
         ReactDOM.render(<menu><menuitem>children</menuitem></menu>, container);
       }).toThrowError(
         'menuitem is a void element tag and must neither have `children` nor use ' +
-        '`dangerouslySetInnerHTML`.'
+          '`dangerouslySetInnerHTML`.',
       );
-
     });
 
     it('should validate against multiple children props', () => {
       expect(function() {
         mountComponent({children: '', dangerouslySetInnerHTML: ''});
       }).toThrowError(
-        'Can only set one of `children` or `props.dangerouslySetInnerHTML`.'
+        'Can only set one of `children` or `props.dangerouslySetInnerHTML`.',
       );
     });
 
     it('should validate against use of innerHTML', () => {
-
       spyOn(console, 'error');
       mountComponent({innerHTML: '<span>Hi Jim!</span>'});
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain(
-        'Directly setting property `innerHTML` is not permitted. '
+        'Directly setting property `innerHTML` is not permitted. ',
       );
     });
 
@@ -960,22 +955,22 @@ describe('ReactDOMComponent', () => {
         mountComponent({dangerouslySetInnerHTML: '<span>Hi Jim!</span>'});
       }).toThrowError(
         '`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' +
-        'Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.'
+          'Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.',
       );
     });
 
     it('should validate use of dangerouslySetInnerHTML', () => {
       expect(function() {
-        mountComponent({dangerouslySetInnerHTML: {foo: 'bar'} });
+        mountComponent({dangerouslySetInnerHTML: {foo: 'bar'}});
       }).toThrowError(
         '`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' +
-        'Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.'
+          'Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.',
       );
     });
 
     it('should allow {__html: null}', () => {
       expect(function() {
-        mountComponent({dangerouslySetInnerHTML: {__html: null} });
+        mountComponent({dangerouslySetInnerHTML: {__html: null}});
       }).not.toThrow();
     });
 
@@ -988,7 +983,11 @@ describe('ReactDOMComponent', () => {
 
     it('should respect suppressContentEditableWarning', () => {
       spyOn(console, 'error');
-      mountComponent({contentEditable: true, children: '', suppressContentEditableWarning: true});
+      mountComponent({
+        contentEditable: true,
+        children: '',
+        suppressContentEditableWarning: true,
+      });
       expectDev(console.error.calls.count()).toBe(0);
     });
 
@@ -997,14 +996,17 @@ describe('ReactDOMComponent', () => {
         mountComponent({style: 'display: none'});
       }).toThrowError(
         'The `style` prop expects a mapping from style properties to values, ' +
-        'not a string. For example, style={{marginRight: spacing + \'em\'}} ' +
-        'when using JSX.'
+          "not a string. For example, style={{marginRight: spacing + 'em'}} " +
+          'when using JSX.',
       );
     });
 
     it('should track input values', () => {
       var container = document.createElement('div');
-      var inst = ReactDOM.render(<input type="text" defaultValue="foo" />, container);
+      var inst = ReactDOM.render(
+        <input type="text" defaultValue="foo" />,
+        container,
+      );
 
       var tracker = inputValueTracking._getTrackerFromNode(inst);
 
@@ -1032,7 +1034,7 @@ describe('ReactDOMComponent', () => {
         ReactDOM.render(<X />, container);
       }).toThrowError(
         'input is a void element tag and must neither have `children` ' +
-        'nor use `dangerouslySetInnerHTML`.\n\nThis DOM node was rendered by `X`.'
+          'nor use `dangerouslySetInnerHTML`.\n\nThis DOM node was rendered by `X`.',
       );
     });
 
@@ -1041,9 +1043,14 @@ describe('ReactDOMComponent', () => {
         var container = document.createElement('div');
         spyOn(document, 'createElement').and.callThrough();
         ReactDOM.render(<div is="custom-div" />, container);
-        expect(document.createElement).toHaveBeenCalledWith('div', 'custom-div');
+        expect(document.createElement).toHaveBeenCalledWith(
+          'div',
+          'custom-div',
+        );
       } else {
-        expect(ReactDOMServer.renderToString(<div is="custom-div" />)).toContain('is="custom-div"');
+        expect(
+          ReactDOMServer.renderToString(<div is="custom-div" />),
+        ).toContain('is="custom-div"');
       }
     });
 
@@ -1054,11 +1061,11 @@ describe('ReactDOMComponent', () => {
         <svg>
           <image
             xlinkHref="http://example.org/image"
-            onError={(e) => console.log('onError called')}
-            onLoad={(e) => console.log('onLoad called')}
+            onError={e => console.log('onError called')}
+            onLoad={e => console.log('onLoad called')}
           />
         </svg>,
-        container
+        container,
       );
 
       var loadEvent = document.createEvent('Event');
@@ -1071,12 +1078,8 @@ describe('ReactDOMComponent', () => {
       container.getElementsByTagName('image')[0].dispatchEvent(loadEvent);
 
       expectDev(console.log.calls.count()).toBe(2);
-      expectDev(console.log.calls.argsFor(0)[0]).toContain(
-        'onError called'
-      );
-      expectDev(console.log.calls.argsFor(1)[0]).toContain(
-        'onLoad called'
-      );
+      expectDev(console.log.calls.argsFor(0)[0]).toContain('onError called');
+      expectDev(console.log.calls.argsFor(1)[0]).toContain('onLoad called');
     });
   });
 
@@ -1094,7 +1097,7 @@ describe('ReactDOMComponent', () => {
         ReactDOM.render(<input>children</input>, container);
       }).toThrowError(
         'input is a void element tag and must neither have `children` nor use ' +
-        '`dangerouslySetInnerHTML`.'
+          '`dangerouslySetInnerHTML`.',
       );
     });
 
@@ -1104,11 +1107,11 @@ describe('ReactDOMComponent', () => {
       expect(function() {
         ReactDOM.render(
           <input dangerouslySetInnerHTML={{__html: 'content'}} />,
-          container
+          container,
         );
       }).toThrowError(
         'input is a void element tag and must neither have `children` nor use ' +
-        '`dangerouslySetInnerHTML`.'
+          '`dangerouslySetInnerHTML`.',
       );
     });
 
@@ -1118,19 +1121,16 @@ describe('ReactDOMComponent', () => {
       expect(function() {
         ReactDOM.render(
           <div children="" dangerouslySetInnerHTML={{__html: ''}} />,
-          container
+          container,
         );
       }).toThrowError(
-        'Can only set one of `children` or `props.dangerouslySetInnerHTML`.'
+        'Can only set one of `children` or `props.dangerouslySetInnerHTML`.',
       );
     });
 
     it('should warn about contentEditable and children', () => {
       spyOn(console, 'error');
-      ReactDOM.render(
-        <div contentEditable={true}><div /></div>,
-        container
-      );
+      ReactDOM.render(<div contentEditable={true}><div /></div>, container);
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain('contentEditable');
     });
@@ -1142,8 +1142,8 @@ describe('ReactDOMComponent', () => {
         ReactDOM.render(<div style={1} />, container);
       }).toThrowError(
         'The `style` prop expects a mapping from style properties to values, ' +
-        'not a string. For example, style={{marginRight: spacing + \'em\'}} ' +
-        'when using JSX.'
+          "not a string. For example, style={{marginRight: spacing + 'em'}} " +
+          'when using JSX.',
       );
     });
 
@@ -1158,25 +1158,28 @@ describe('ReactDOMComponent', () => {
         ReactDOM.render(<Animal />, container);
       }).toThrowError(
         'The `style` prop expects a mapping from style properties to values, ' +
-        'not a string. For example, style={{marginRight: spacing + \'em\'}} ' +
-        'when using JSX.\n\nThis DOM node was rendered by `Animal`.'
+          "not a string. For example, style={{marginRight: spacing + 'em'}} " +
+          'when using JSX.\n\nThis DOM node was rendered by `Animal`.',
       );
     });
 
     it('should properly escape text content and attributes values', () => {
       expect(
         ReactDOMServer.renderToStaticMarkup(
-          React.DOM.div({
-            title: '\'"<>&',
-            style: {
-              textAlign: '\'"<>&',
+          React.DOM.div(
+            {
+              title: '\'"<>&',
+              style: {
+                textAlign: '\'"<>&',
+              },
             },
-          }, '\'"<>&')
-        )
+            '\'"<>&',
+          ),
+        ),
       ).toBe(
         '<div title="&#x27;&quot;&lt;&gt;&amp;" style="text-align:&#x27;&quot;&lt;&gt;&amp;;">' +
           '&#x27;&quot;&lt;&gt;&amp;' +
-        '</div>'
+          '</div>',
       );
     });
   });
@@ -1186,7 +1189,10 @@ describe('ReactDOMComponent', () => {
     if (!ReactDOMFeatureFlags.useFiber) {
       it('should clean up input value tracking', () => {
         var container = document.createElement('div');
-        var node = ReactDOM.render(<input type="text" defaultValue="foo" />, container);
+        var node = ReactDOM.render(
+          <input type="text" defaultValue="foo" />,
+          container,
+        );
         var tracker = inputValueTracking._getTrackerFromNode(node);
 
         spyOn(tracker, 'stopTracking');
@@ -1231,8 +1237,7 @@ describe('ReactDOMComponent', () => {
     it('should warn about the `onScroll` issue when unsupported (IE8)', () => {
       // Mock this here so we can mimic IE8 support. We require isEventSupported
       // before React so it's pre-mocked before React would require it.
-      jest.resetModules()
-        .mock('isEventSupported');
+      jest.resetModules().mock('isEventSupported');
       var isEventSupported = require('isEventSupported');
       isEventSupported.mockReturnValueOnce(false);
       ReactTestUtils = require('ReactTestUtils');
@@ -1241,7 +1246,7 @@ describe('ReactDOMComponent', () => {
       ReactTestUtils.renderIntoDocument(<div onScroll={function() {}} />);
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toBe(
-        'Warning: This browser doesn\'t support the `onScroll` event'
+        "Warning: This browser doesn't support the `onScroll` event",
       );
     });
 
@@ -1255,34 +1260,26 @@ describe('ReactDOMComponent', () => {
   describe('tag sanitization', () => {
     it('should throw when an invalid tag name is used server-side', () => {
       var hackzor = React.createElement('script tag');
-      expect(
-        () => ReactDOMServer.renderToString(hackzor)
-      ).toThrowError(
-        'Invalid tag: script tag'
+      expect(() => ReactDOMServer.renderToString(hackzor)).toThrowError(
+        'Invalid tag: script tag',
       );
     });
 
     it('should throw when an attack vector is used server-side', () => {
       var hackzor = React.createElement('div><img /><div');
-      expect(
-        () => ReactDOMServer.renderToString(hackzor)
-      ).toThrowError(
-        'Invalid tag: div><img /><div'
+      expect(() => ReactDOMServer.renderToString(hackzor)).toThrowError(
+        'Invalid tag: div><img /><div',
       );
     });
 
     it('should throw when an invalid tag name is used', () => {
       var hackzor = React.createElement('script tag');
-      expect(
-        () => ReactTestUtils.renderIntoDocument(hackzor)
-      ).toThrow();
+      expect(() => ReactTestUtils.renderIntoDocument(hackzor)).toThrow();
     });
 
     it('should throw when an attack vector is used', () => {
       var hackzor = React.createElement('div><img /><div');
-      expect(
-        () => ReactTestUtils.renderIntoDocument(hackzor)
-      ).toThrow();
+      expect(() => ReactTestUtils.renderIntoDocument(hackzor)).toThrow();
     });
   });
 
@@ -1291,15 +1288,15 @@ describe('ReactDOMComponent', () => {
       spyOn(console, 'error');
       ReactTestUtils.renderIntoDocument(<div><tr /><tr /></div>);
 
-      var addendum = ReactDOMFeatureFlags.useFiber ?
-        '\n    in tr (at **)' +
-        '\n    in div (at **)' :
-        ' See div > tr.';
+      var addendum = ReactDOMFeatureFlags.useFiber
+        ? '\n    in tr (at **)' + '\n    in div (at **)'
+        : ' See div > tr.';
 
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
         'Warning: validateDOMNesting(...): <tr> cannot appear as a child of ' +
-        '<div>.' + addendum
+          '<div>.' +
+          addendum,
       );
     });
 
@@ -1308,16 +1305,16 @@ describe('ReactDOMComponent', () => {
       var p = document.createElement('p');
       ReactDOM.render(<span><p /></span>, p);
 
-      var addendum = ReactDOMFeatureFlags.useFiber ?
-        // There is no outer `p` here because root container is not part of the stack.
-        '\n    in p (at **)' +
-        '\n    in span (at **)' :
-        ' See p > ... > p.';
+      var addendum = ReactDOMFeatureFlags.useFiber
+        ? // There is no outer `p` here because root container is not part of the stack.
+          '\n    in p (at **)' + '\n    in span (at **)'
+        : ' See p > ... > p.';
 
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
         'Warning: validateDOMNesting(...): <p> cannot appear as a descendant ' +
-        'of <p>.' + addendum
+          'of <p>.' +
+          addendum,
       );
     });
 
@@ -1339,37 +1336,39 @@ describe('ReactDOMComponent', () => {
       ReactTestUtils.renderIntoDocument(<Foo />);
       expectDev(console.error.calls.count()).toBe(3);
 
-      var addendum1 = ReactDOMFeatureFlags.useFiber ?
-        '\n    in tr (at **)' +
-        '\n    in Row (at **)' +
-        '\n    in table (at **)' +
-        '\n    in Foo (at **)' :
-        ' See Foo > table > Row > tr.';
+      var addendum1 = ReactDOMFeatureFlags.useFiber
+        ? '\n    in tr (at **)' +
+            '\n    in Row (at **)' +
+            '\n    in table (at **)' +
+            '\n    in Foo (at **)'
+        : ' See Foo > table > Row > tr.';
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
         'Warning: validateDOMNesting(...): <tr> cannot appear as a child of ' +
-        '<table>. Add a <tbody> to your code to match the DOM tree generated ' +
-        'by the browser.' + addendum1
+          '<table>. Add a <tbody> to your code to match the DOM tree generated ' +
+          'by the browser.' +
+          addendum1,
       );
 
-      var addendum2 = ReactDOMFeatureFlags.useFiber ?
-        '\n    in tr (at **)' +
-        '\n    in Row (at **)' +
-        '\n    in table (at **)' +
-        '\n    in Foo (at **)' :
-        ' See Row > tr > #text.';
+      var addendum2 = ReactDOMFeatureFlags.useFiber
+        ? '\n    in tr (at **)' +
+            '\n    in Row (at **)' +
+            '\n    in table (at **)' +
+            '\n    in Foo (at **)'
+        : ' See Row > tr > #text.';
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
         'Warning: validateDOMNesting(...): Text nodes cannot appear as a ' +
-        'child of <tr>.' + addendum2
+          'child of <tr>.' +
+          addendum2,
       );
 
-      var addendum3 = ReactDOMFeatureFlags.useFiber ?
-        '\n    in table (at **)' +
-        '\n    in Foo (at **)' :
-        ' See Foo > table > #text.';
+      var addendum3 = ReactDOMFeatureFlags.useFiber
+        ? '\n    in table (at **)' + '\n    in Foo (at **)'
+        : ' See Foo > table > #text.';
       expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(2)[0])).toBe(
         'Warning: validateDOMNesting(...): Whitespace text nodes cannot ' +
-        'appear as a child of <table>. Make sure you don\'t have any extra ' +
-        'whitespace between tags on each line of your source code.' + addendum3
+          "appear as a child of <table>. Make sure you don't have any extra " +
+          'whitespace between tags on each line of your source code.' +
+          addendum3,
       );
     });
 
@@ -1402,14 +1401,16 @@ describe('ReactDOMComponent', () => {
       });
       ReactTestUtils.renderIntoDocument(<App1 />);
       expectDev(console.error.calls.count()).toBe(1);
-      expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toContain(
-        ReactDOMFeatureFlags.useFiber ?
-          '\n    in tr (at **)' +
-          '\n    in Row (at **)' +
-          '\n    in FancyRow (at **)' +
-          '\n    in table (at **)' +
-          '\n    in Viz1 (at **)' :
-          'See Viz1 > table > FancyRow > Row > tr.'
+      expectDev(
+        normalizeCodeLocInfo(console.error.calls.argsFor(0)[0]),
+      ).toContain(
+        ReactDOMFeatureFlags.useFiber
+          ? '\n    in tr (at **)' +
+              '\n    in Row (at **)' +
+              '\n    in FancyRow (at **)' +
+              '\n    in table (at **)' +
+              '\n    in Viz1 (at **)'
+          : 'See Viz1 > table > FancyRow > Row > tr.',
       );
 
       var Viz2 = React.createClass({
@@ -1420,51 +1421,59 @@ describe('ReactDOMComponent', () => {
       });
       ReactTestUtils.renderIntoDocument(<App2 />);
       expectDev(console.error.calls.count()).toBe(2);
-      expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toContain(
-        ReactDOMFeatureFlags.useFiber ?
-          '\n    in tr (at **)' +
-          '\n    in Row (at **)' +
-          '\n    in FancyRow (at **)' +
-          '\n    in table (at **)' +
-          '\n    in Table (at **)' +
-          '\n    in FancyTable (at **)' +
-          '\n    in Viz2 (at **)' :
-          'See Viz2 > FancyTable > Table > table > FancyRow > Row > tr.'
+      expectDev(
+        normalizeCodeLocInfo(console.error.calls.argsFor(1)[0]),
+      ).toContain(
+        ReactDOMFeatureFlags.useFiber
+          ? '\n    in tr (at **)' +
+              '\n    in Row (at **)' +
+              '\n    in FancyRow (at **)' +
+              '\n    in table (at **)' +
+              '\n    in Table (at **)' +
+              '\n    in FancyTable (at **)' +
+              '\n    in Viz2 (at **)'
+          : 'See Viz2 > FancyTable > Table > table > FancyRow > Row > tr.',
       );
 
       ReactTestUtils.renderIntoDocument(<FancyTable><FancyRow /></FancyTable>);
       expectDev(console.error.calls.count()).toBe(3);
-      expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(2)[0])).toContain(
-        ReactDOMFeatureFlags.useFiber ?
-          '\n    in tr (at **)' +
-          '\n    in Row (at **)' +
-          '\n    in FancyRow (at **)' +
-          '\n    in table (at **)' +
-          '\n    in Table (at **)' +
-          '\n    in FancyTable (at **)' :
-          'See FancyTable > Table > table > FancyRow > Row > tr.'
+      expectDev(
+        normalizeCodeLocInfo(console.error.calls.argsFor(2)[0]),
+      ).toContain(
+        ReactDOMFeatureFlags.useFiber
+          ? '\n    in tr (at **)' +
+              '\n    in Row (at **)' +
+              '\n    in FancyRow (at **)' +
+              '\n    in table (at **)' +
+              '\n    in Table (at **)' +
+              '\n    in FancyTable (at **)'
+          : 'See FancyTable > Table > table > FancyRow > Row > tr.',
       );
 
       ReactTestUtils.renderIntoDocument(<table><FancyRow /></table>);
       expectDev(console.error.calls.count()).toBe(4);
-      expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(3)[0])).toContain(
-        ReactDOMFeatureFlags.useFiber ?
-          '\n    in tr (at **)' +
-          '\n    in Row (at **)' +
-          '\n    in FancyRow (at **)' +
-          '\n    in table (at **)' :
-          'See table > FancyRow > Row > tr.'
+      expectDev(
+        normalizeCodeLocInfo(console.error.calls.argsFor(3)[0]),
+      ).toContain(
+        ReactDOMFeatureFlags.useFiber
+          ? '\n    in tr (at **)' +
+              '\n    in Row (at **)' +
+              '\n    in FancyRow (at **)' +
+              '\n    in table (at **)'
+          : 'See table > FancyRow > Row > tr.',
       );
 
       ReactTestUtils.renderIntoDocument(<FancyTable><tr /></FancyTable>);
       expectDev(console.error.calls.count()).toBe(5);
-      expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(4)[0])).toContain(
-        ReactDOMFeatureFlags.useFiber ?
-          '\n    in tr (at **)' +
-          '\n    in table (at **)' +
-          '\n    in Table (at **)' +
-          '\n    in FancyTable (at **)' :
-          'See FancyTable > Table > table > tr.'
+      expectDev(
+        normalizeCodeLocInfo(console.error.calls.argsFor(4)[0]),
+      ).toContain(
+        ReactDOMFeatureFlags.useFiber
+          ? '\n    in tr (at **)' +
+              '\n    in table (at **)' +
+              '\n    in Table (at **)' +
+              '\n    in FancyTable (at **)'
+          : 'See FancyTable > Table > table > tr.',
       );
 
       class Link extends React.Component {
@@ -1475,28 +1484,36 @@ describe('ReactDOMComponent', () => {
 
       ReactTestUtils.renderIntoDocument(<Link><div><Link /></div></Link>);
       expectDev(console.error.calls.count()).toBe(6);
-      expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(5)[0])).toContain(
-        ReactDOMFeatureFlags.useFiber ?
-          '\n    in a (at **)' +
-          '\n    in Link (at **)' +
-          '\n    in div (at **)' +
-          '\n    in a (at **)' +
-          '\n    in Link (at **)' :
-          'See Link > a > ... > Link > a.'
+      expectDev(
+        normalizeCodeLocInfo(console.error.calls.argsFor(5)[0]),
+      ).toContain(
+        ReactDOMFeatureFlags.useFiber
+          ? '\n    in a (at **)' +
+              '\n    in Link (at **)' +
+              '\n    in div (at **)' +
+              '\n    in a (at **)' +
+              '\n    in Link (at **)'
+          : 'See Link > a > ... > Link > a.',
       );
     });
 
     it('should warn about incorrect casing on properties (ssr)', () => {
       spyOn(console, 'error');
-      ReactDOMServer.renderToString(React.createElement('input', {type: 'text', tabindex: '1'}));
+      ReactDOMServer.renderToString(
+        React.createElement('input', {type: 'text', tabindex: '1'}),
+      );
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain('tabIndex');
     });
 
     it('should warn about incorrect casing on event handlers (ssr)', () => {
       spyOn(console, 'error');
-      ReactDOMServer.renderToString(React.createElement('input', {type: 'text', onclick: '1'}));
-      ReactDOMServer.renderToString(React.createElement('input', {type: 'text', onKeydown: '1'}));
+      ReactDOMServer.renderToString(
+        React.createElement('input', {type: 'text', onclick: '1'}),
+      );
+      ReactDOMServer.renderToString(
+        React.createElement('input', {type: 'text', onKeydown: '1'}),
+      );
       expectDev(console.error.calls.count()).toBe(2);
       expectDev(console.error.calls.argsFor(0)[0]).toContain('onClick');
       expectDev(console.error.calls.argsFor(1)[0]).toContain('onKeyDown');
@@ -1504,15 +1521,21 @@ describe('ReactDOMComponent', () => {
 
     it('should warn about incorrect casing on properties', () => {
       spyOn(console, 'error');
-      ReactTestUtils.renderIntoDocument(React.createElement('input', {type: 'text', tabindex: '1'}));
+      ReactTestUtils.renderIntoDocument(
+        React.createElement('input', {type: 'text', tabindex: '1'}),
+      );
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain('tabIndex');
     });
 
     it('should warn about incorrect casing on event handlers', () => {
       spyOn(console, 'error');
-      ReactTestUtils.renderIntoDocument(React.createElement('input', {type: 'text', onclick: '1'}));
-      ReactTestUtils.renderIntoDocument(React.createElement('input', {type: 'text', onKeydown: '1'}));
+      ReactTestUtils.renderIntoDocument(
+        React.createElement('input', {type: 'text', onclick: '1'}),
+      );
+      ReactTestUtils.renderIntoDocument(
+        React.createElement('input', {type: 'text', onKeydown: '1'}),
+      );
       expectDev(console.error.calls.count()).toBe(2);
       expectDev(console.error.calls.argsFor(0)[0]).toContain('onClick');
       expectDev(console.error.calls.argsFor(1)[0]).toContain('onKeyDown');
@@ -1520,14 +1543,18 @@ describe('ReactDOMComponent', () => {
 
     it('should warn about class', () => {
       spyOn(console, 'error');
-      ReactTestUtils.renderIntoDocument(React.createElement('div', {class: 'muffins'}));
+      ReactTestUtils.renderIntoDocument(
+        React.createElement('div', {class: 'muffins'}),
+      );
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain('className');
     });
 
     it('should warn about class (ssr)', () => {
       spyOn(console, 'error');
-      ReactDOMServer.renderToString(React.createElement('div', {class: 'muffins'}));
+      ReactDOMServer.renderToString(
+        React.createElement('div', {class: 'muffins'}),
+      );
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain('className');
     });
@@ -1561,16 +1588,12 @@ describe('ReactDOMComponent', () => {
       ReactTestUtils.renderIntoDocument(<div class="paladin" />);
       ReactTestUtils.renderIntoDocument(<input type="text" onclick="1" />);
       expectDev(console.error.calls.count()).toBe(2);
-      expect(
-        normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])
-      ).toBe(
-        'Warning: Unknown DOM property class. Did you mean className?\n    in div (at **)'
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
+        'Warning: Unknown DOM property class. Did you mean className?\n    in div (at **)',
       );
-      expect(
-        normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])
-      ).toBe(
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
         'Warning: Unknown event handler property onclick. Did you mean ' +
-        '`onClick`?\n    in input (at **)'
+          '`onClick`?\n    in input (at **)',
       );
     });
 
@@ -1579,16 +1602,12 @@ describe('ReactDOMComponent', () => {
       ReactDOMServer.renderToString(<div class="paladin" />);
       ReactDOMServer.renderToString(<input type="text" onclick="1" />);
       expectDev(console.error.calls.count()).toBe(2);
-      expect(
-        normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])
-      ).toBe(
-        'Warning: Unknown DOM property class. Did you mean className?\n    in div (at **)'
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
+        'Warning: Unknown DOM property class. Did you mean className?\n    in div (at **)',
       );
-      expect(
-        normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])
-      ).toBe(
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toBe(
         'Warning: Unknown event handler property onclick. Did you mean ' +
-        '`onClick`?\n    in input (at **)'
+          '`onClick`?\n    in input (at **)',
       );
     });
 
@@ -1601,10 +1620,8 @@ describe('ReactDOMComponent', () => {
 
       ReactTestUtils.renderIntoDocument(<div class="paladin" />, container);
       expectDev(console.error.calls.count()).toBe(1);
-      expect(
-        normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])
-      ).toBe(
-        'Warning: Unknown DOM property class. Did you mean className?\n    in div (at **)'
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
+        'Warning: Unknown DOM property class. Did you mean className?\n    in div (at **)',
       );
     });
 
@@ -1613,12 +1630,12 @@ describe('ReactDOMComponent', () => {
 
       ReactTestUtils.renderIntoDocument(
         <div className="foo1">
-        <div class="foo2" />
-        <div onClick="foo3" />
-        <div onclick="foo4" />
-        <div className="foo5" />
-        <div className="foo6" />
-        </div>
+          <div class="foo2" />
+          <div onClick="foo3" />
+          <div onclick="foo4" />
+          <div className="foo5" />
+          <div className="foo6" />
+        </div>,
       );
 
       expectDev(console.error.calls.count()).toBe(2);
@@ -1641,12 +1658,12 @@ describe('ReactDOMComponent', () => {
 
       ReactDOMServer.renderToString(
         <div className="foo1">
-        <div class="foo2" />
-        <div onClick="foo3" />
-        <div onclick="foo4" />
-        <div className="foo5" />
-        <div className="foo6" />
-        </div>
+          <div class="foo2" />
+          <div onClick="foo3" />
+          <div onclick="foo4" />
+          <div className="foo5" />
+          <div className="foo6" />
+        </div>,
       );
 
       expectDev(console.error.calls.count()).toBe(2);
@@ -1769,34 +1786,42 @@ describe('ReactDOMComponent', () => {
     it('should suggest property name if available', () => {
       spyOn(console, 'error');
 
-      ReactTestUtils.renderIntoDocument(React.createElement('label', {for: 'test'}));
-      ReactTestUtils.renderIntoDocument(React.createElement('input', {type: 'text', autofocus: true}));
+      ReactTestUtils.renderIntoDocument(
+        React.createElement('label', {for: 'test'}),
+      );
+      ReactTestUtils.renderIntoDocument(
+        React.createElement('input', {type: 'text', autofocus: true}),
+      );
 
       expectDev(console.error.calls.count()).toBe(2);
 
       expectDev(console.error.calls.argsFor(0)[0]).toBe(
-        'Warning: Unknown DOM property for. Did you mean htmlFor?\n    in label'
+        'Warning: Unknown DOM property for. Did you mean htmlFor?\n    in label',
       );
 
       expectDev(console.error.calls.argsFor(1)[0]).toBe(
-        'Warning: Unknown DOM property autofocus. Did you mean autoFocus?\n    in input'
+        'Warning: Unknown DOM property autofocus. Did you mean autoFocus?\n    in input',
       );
     });
 
     it('should suggest property name if available (ssr)', () => {
       spyOn(console, 'error');
 
-      ReactDOMServer.renderToString(React.createElement('label', {for: 'test'}));
-      ReactDOMServer.renderToString(React.createElement('input', {type: 'text', autofocus: true}));
+      ReactDOMServer.renderToString(
+        React.createElement('label', {for: 'test'}),
+      );
+      ReactDOMServer.renderToString(
+        React.createElement('input', {type: 'text', autofocus: true}),
+      );
 
       expectDev(console.error.calls.count()).toBe(2);
 
       expectDev(console.error.calls.argsFor(0)[0]).toBe(
-        'Warning: Unknown DOM property for. Did you mean htmlFor?\n    in label'
+        'Warning: Unknown DOM property for. Did you mean htmlFor?\n    in label',
       );
 
       expectDev(console.error.calls.argsFor(1)[0]).toBe(
-        'Warning: Unknown DOM property autofocus. Did you mean autoFocus?\n    in input'
+        'Warning: Unknown DOM property autofocus. Did you mean autoFocus?\n    in input',
       );
     });
   });
@@ -1805,7 +1830,7 @@ describe('ReactDOMComponent', () => {
     it('renders innerHTML and preserves whitespace', () => {
       const container = document.createElement('div');
       const html = '\n  \t  <span>  \n  testContent  \t  </span>  \n  \t';
-      const elem = <div dangerouslySetInnerHTML={{ __html: html }} />;
+      const elem = <div dangerouslySetInnerHTML={{__html: html}} />;
 
       ReactDOM.render(elem, container);
       expect(container.firstChild.innerHTML).toBe(html);
@@ -1814,11 +1839,11 @@ describe('ReactDOMComponent', () => {
     it('render and then updates innerHTML and preserves whitespace', () => {
       const container = document.createElement('div');
       const html = '\n  \t  <span>  \n  testContent1  \t  </span>  \n  \t';
-      const elem = <div dangerouslySetInnerHTML={{ __html: html }} />;
+      const elem = <div dangerouslySetInnerHTML={{__html: html}} />;
       ReactDOM.render(elem, container);
 
       const html2 = '\n  \t  <div>  \n  testContent2  \t  </div>  \n  \t';
-      const elem2 = <div dangerouslySetInnerHTML={{ __html: html2 }} />;
+      const elem2 = <div dangerouslySetInnerHTML={{__html: html2}} />;
       ReactDOM.render(elem2, container);
 
       expect(container.firstChild.innerHTML).toBe(html2);
diff --git a/src/renderers/dom/shared/__tests__/ReactDOMComponentTree-test.js b/src/renderers/dom/shared/__tests__/ReactDOMComponentTree-test.js
index 4ca52fc636..bad5116766 100644
--- a/src/renderers/dom/shared/__tests__/ReactDOMComponentTree-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactDOMComponentTree-test.js
@@ -102,7 +102,7 @@ describe('ReactDOMComponentTree', () => {
 
     function renderAndGetClosest(sel) {
       return ReactDOMComponentTree.getClosestInstanceFromNode(
-        renderAndQuery(sel)
+        renderAndQuery(sel),
       );
     }
 
@@ -115,11 +115,12 @@ describe('ReactDOMComponentTree', () => {
 
     // This one's a text component!
     var root = renderAndQuery(null);
-    var inst = ReactDOMComponentTree.getInstanceFromNode(root.children[0].childNodes[2]);
+    var inst = ReactDOMComponentTree.getInstanceFromNode(
+      root.children[0].childNodes[2],
+    );
     expect(getTextOf(inst)).toBe('goodbye.');
 
     expect(getTypeOf(renderAndGetClosest('b'))).toBe('main');
     expect(getTypeOf(renderAndGetClosest('img'))).toBe('main');
   });
-
 });
diff --git a/src/renderers/dom/shared/__tests__/ReactDOMInvalidARIAHook-test.js b/src/renderers/dom/shared/__tests__/ReactDOMInvalidARIAHook-test.js
index c3e997f4cb..65b51fff71 100644
--- a/src/renderers/dom/shared/__tests__/ReactDOMInvalidARIAHook-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactDOMInvalidARIAHook-test.js
@@ -38,21 +38,19 @@ describe('ReactDOMInvalidARIAHook', () => {
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain(
         'Warning: Invalid aria prop `aria-badprop` on <div> tag. ' +
-        'For details, see https://fb.me/invalid-aria-prop'
+          'For details, see https://fb.me/invalid-aria-prop',
       );
     });
     it('should warn for many invalid aria-* props', () => {
       spyOn(console, 'error');
-      mountComponent(
-        {
-          'aria-badprop': 'Very tall trees',
-          'aria-malprop': 'Turbulent seas',
-        }
-      );
+      mountComponent({
+        'aria-badprop': 'Very tall trees',
+        'aria-malprop': 'Turbulent seas',
+      });
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain(
         'Warning: Invalid aria props `aria-badprop`, `aria-malprop` on <div> ' +
-        'tag. For details, see https://fb.me/invalid-aria-prop'
+          'tag. For details, see https://fb.me/invalid-aria-prop',
       );
     });
     it('should warn for an improperly cased aria-* prop', () => {
@@ -62,7 +60,7 @@ describe('ReactDOMInvalidARIAHook', () => {
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toContain(
         'Warning: Unknown ARIA attribute aria-hasPopup. ' +
-        'Did you mean aria-haspopup?'
+          'Did you mean aria-haspopup?',
       );
     });
   });
diff --git a/src/renderers/dom/shared/__tests__/ReactDOMSVG-test.js b/src/renderers/dom/shared/__tests__/ReactDOMSVG-test.js
index dbc926f3e8..7fe93cf7d1 100644
--- a/src/renderers/dom/shared/__tests__/ReactDOMSVG-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactDOMSVG-test.js
@@ -17,7 +17,6 @@ var ReactDOMFeatureFlags;
 var ReactDOMServer;
 
 describe('ReactDOMSVG', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactDOM = require('react-dom');
@@ -29,14 +28,27 @@ describe('ReactDOMSVG', () => {
     var markup = ReactDOMServer.renderToString(
       <svg>
         <image xlinkHref="http://i.imgur.com/w7GCRPb.png" />
-      </svg>
+      </svg>,
     );
     expect(markup).toContain('xlink:href="http://i.imgur.com/w7GCRPb.png"');
   });
 
   it('creates elements with SVG namespace inside SVG tag during mount', () => {
     var node = document.createElement('div');
-    var div, div2, div3, foreignObject, foreignObject2, g, image, image2, image3, p, svg, svg2, svg3, svg4;
+    var div,
+      div2,
+      div3,
+      foreignObject,
+      foreignObject2,
+      g,
+      image,
+      image2,
+      image3,
+      p,
+      svg,
+      svg2,
+      svg3,
+      svg4;
     ReactDOM.render(
       <div>
         <svg ref={el => svg = el}>
@@ -45,12 +57,18 @@ describe('ReactDOMSVG', () => {
               <foreignObject ref={el => foreignObject = el}>
                 <svg ref={el => svg3 = el}>
                   <svg ref={el => svg4 = el} />
-                  <image ref={el => image = el} xlinkHref="http://i.imgur.com/w7GCRPb.png" />
+                  <image
+                    ref={el => image = el}
+                    xlinkHref="http://i.imgur.com/w7GCRPb.png"
+                  />
                 </svg>
                 <div ref={el => div = el} />
               </foreignObject>
             </svg>
-            <image ref={el => image2 = el} xlinkHref="http://i.imgur.com/w7GCRPb.png" />
+            <image
+              ref={el => image2 = el}
+              xlinkHref="http://i.imgur.com/w7GCRPb.png"
+            />
             <foreignObject ref={el => foreignObject2 = el}>
               <div ref={el => div2 = el} />
             </foreignObject>
@@ -58,12 +76,15 @@ describe('ReactDOMSVG', () => {
         </svg>
         <p ref={el => p = el}>
           <svg>
-            <image ref={el => image3 = el} xlinkHref="http://i.imgur.com/w7GCRPb.png" />
+            <image
+              ref={el => image3 = el}
+              xlinkHref="http://i.imgur.com/w7GCRPb.png"
+            />
           </svg>
         </p>
         <div ref={el => div3 = el} />
       </div>,
-      node
+      node,
     );
     [svg, svg2, svg3, svg4].forEach(el => {
       expect(el.namespaceURI).toBe('http://www.w3.org/2000/svg');
@@ -79,9 +100,9 @@ describe('ReactDOMSVG', () => {
     [image, image2, image3].forEach(el => {
       expect(el.namespaceURI).toBe('http://www.w3.org/2000/svg');
       expect(el.tagName).toBe('image');
-      expect(
-        el.getAttributeNS('http://www.w3.org/1999/xlink', 'href')
-      ).toBe('http://i.imgur.com/w7GCRPb.png');
+      expect(el.getAttributeNS('http://www.w3.org/1999/xlink', 'href')).toBe(
+        'http://i.imgur.com/w7GCRPb.png',
+      );
     });
     [foreignObject, foreignObject2].forEach(el => {
       expect(el.namespaceURI).toBe('http://www.w3.org/2000/svg');
@@ -94,7 +115,18 @@ describe('ReactDOMSVG', () => {
   });
 
   it('creates elements with SVG namespace inside SVG tag during update', () => {
-    var inst, div, div2, foreignObject, foreignObject2, g, image, image2, svg, svg2, svg3, svg4;
+    var inst,
+      div,
+      div2,
+      foreignObject,
+      foreignObject2,
+      g,
+      image,
+      image2,
+      svg,
+      svg2,
+      svg3,
+      svg4;
 
     class App extends React.Component {
       state = {step: 0};
@@ -110,12 +142,18 @@ describe('ReactDOMSVG', () => {
               <foreignObject ref={el => foreignObject = el}>
                 <svg ref={el => svg3 = el}>
                   <svg ref={el => svg4 = el} />
-                  <image ref={el => image = el} xlinkHref="http://i.imgur.com/w7GCRPb.png" />
+                  <image
+                    ref={el => image = el}
+                    xlinkHref="http://i.imgur.com/w7GCRPb.png"
+                  />
                 </svg>
                 <div ref={el => div = el} />
               </foreignObject>
             </svg>
-            <image ref={el => image2 = el} xlinkHref="http://i.imgur.com/w7GCRPb.png" />
+            <image
+              ref={el => image2 = el}
+              xlinkHref="http://i.imgur.com/w7GCRPb.png"
+            />
             <foreignObject ref={el => foreignObject2 = el}>
               <div ref={el => div2 = el} />
             </foreignObject>
@@ -129,7 +167,7 @@ describe('ReactDOMSVG', () => {
       <svg ref={el => svg = el}>
         <App />
       </svg>,
-      node
+      node,
     );
     inst.setState({step: 1});
 
@@ -144,9 +182,9 @@ describe('ReactDOMSVG', () => {
     [image, image2].forEach(el => {
       expect(el.namespaceURI).toBe('http://www.w3.org/2000/svg');
       expect(el.tagName).toBe('image');
-      expect(
-        el.getAttributeNS('http://www.w3.org/1999/xlink', 'href')
-      ).toBe('http://i.imgur.com/w7GCRPb.png');
+      expect(el.getAttributeNS('http://www.w3.org/1999/xlink', 'href')).toBe(
+        'http://i.imgur.com/w7GCRPb.png',
+      );
     });
     [foreignObject, foreignObject2].forEach(el => {
       expect(el.namespaceURI).toBe('http://www.w3.org/2000/svg');
@@ -160,14 +198,14 @@ describe('ReactDOMSVG', () => {
   });
 
   it('can render SVG into a non-React SVG tree', () => {
-    var outerSVGRoot = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    var outerSVGRoot = document.createElementNS(
+      'http://www.w3.org/2000/svg',
+      'svg',
+    );
     var container = document.createElementNS('http://www.w3.org/2000/svg', 'g');
     outerSVGRoot.appendChild(container);
     var image;
-    ReactDOM.render(
-      <image ref={el => image = el} />,
-      container
-    );
+    ReactDOM.render(<image ref={el => image = el} />, container);
     expect(image.namespaceURI).toBe('http://www.w3.org/2000/svg');
     expect(image.tagName).toBe('image');
   });
@@ -182,16 +220,18 @@ describe('ReactDOMSVG', () => {
       return;
     }
 
-    var outerSVGRoot = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    var container = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
+    var outerSVGRoot = document.createElementNS(
+      'http://www.w3.org/2000/svg',
+      'svg',
+    );
+    var container = document.createElementNS(
+      'http://www.w3.org/2000/svg',
+      'foreignObject',
+    );
     outerSVGRoot.appendChild(container);
     var div;
-    ReactDOM.render(
-      <div ref={el => div = el} />,
-      container
-    );
+    ReactDOM.render(<div ref={el => div = el} />, container);
     expect(div.namespaceURI).toBe('http://www.w3.org/1999/xhtml');
     expect(div.tagName).toBe('DIV');
   });
-
 });
diff --git a/src/renderers/dom/shared/__tests__/ReactDOMServerIntegration-test.js b/src/renderers/dom/shared/__tests__/ReactDOMServerIntegration-test.js
index afe70f87cc..3b7b4e4d25 100644
--- a/src/renderers/dom/shared/__tests__/ReactDOMServerIntegration-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactDOMServerIntegration-test.js
@@ -34,8 +34,12 @@ async function expectErrors(fn, count) {
   }
 
   const result = await fn();
-  if (console.error.calls.count() !== count && console.error.calls.count() !== 0) {
-    console.log(`We expected ${count} warning(s), but saw ${console.error.calls.count()} warning(s).`);
+  if (
+    console.error.calls.count() !== count && console.error.calls.count() !== 0
+  ) {
+    console.log(
+      `We expected ${count} warning(s), but saw ${console.error.calls.count()} warning(s).`,
+    );
     if (console.error.calls.count() > 0) {
       console.log(`We saw these warnings:`);
       for (var i = 0; i < console.error.calls.count(); i++) {
@@ -57,7 +61,7 @@ function renderIntoDom(reactElement, domElement, errorCount = 0) {
       ExecutionEnvironment.canUseDOM = false;
       return domElement.firstChild;
     },
-    errorCount
+    errorCount,
   );
 }
 
@@ -67,7 +71,7 @@ function renderIntoDom(reactElement, domElement, errorCount = 0) {
 async function serverRender(reactElement, errorCount = 0) {
   const markup = await expectErrors(
     () => Promise.resolve(ReactDOMServer.renderToString(reactElement)),
-    errorCount
+    errorCount,
   );
   var domElement = document.createElement('div');
   domElement.innerHTML = markup;
@@ -107,8 +111,7 @@ const clientRenderOnBadMarkup = (element, errorCount = 0) => {
 // render; you should not depend on the interactivity of the returned DOM element,
 // as that will not work in the server string scenario.
 function itRenders(desc, testFn) {
-  it(`renders ${desc} with server string render`,
-    () => testFn(serverRender));
+  it(`renders ${desc} with server string render`, () => testFn(serverRender));
   itClientRenders(desc, testFn);
 }
 
@@ -124,12 +127,12 @@ function itRenders(desc, testFn) {
 // Since all of the renders in this function are on the client, you can test interactivity,
 // unlike with itRenders.
 function itClientRenders(desc, testFn) {
-  it(`renders ${desc} with clean client render`,
-    () => testFn(clientCleanRender));
-  it(`renders ${desc} with client render on top of good server markup`,
-    () => testFn(clientRenderOnServerString));
-  it(`renders ${desc} with client render on top of bad server markup`,
-    () => testFn(clientRenderOnBadMarkup));
+  it(`renders ${desc} with clean client render`, () =>
+    testFn(clientCleanRender));
+  it(`renders ${desc} with client render on top of good server markup`, () =>
+    testFn(clientRenderOnServerString));
+  it(`renders ${desc} with client render on top of bad server markup`, () =>
+    testFn(clientRenderOnBadMarkup));
 }
 
 describe('ReactDOMServerIntegration', () => {
@@ -150,7 +153,7 @@ describe('ReactDOMServerIntegration', () => {
     });
 
     itRenders('a div with inline styles', async render => {
-      const e = await render(<div style={{color:'red', width:'30px'}} />);
+      const e = await render(<div style={{color: 'red', width: '30px'}} />);
       expect(e.style.color).toBe('red');
       expect(e.style.width).toBe('30px');
     });
diff --git a/src/renderers/dom/shared/__tests__/ReactDOMTextComponent-test.js b/src/renderers/dom/shared/__tests__/ReactDOMTextComponent-test.js
index 649c6ec2d5..8ad96ad1db 100644
--- a/src/renderers/dom/shared/__tests__/ReactDOMTextComponent-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactDOMTextComponent-test.js
@@ -76,7 +76,10 @@ describe('ReactDOMTextComponent', () => {
 
   it('can reconcile text merged by Node.normalize() alongside other elements', () => {
     var el = document.createElement('div');
-    var inst = ReactDOM.render(<div>{'foo'}{'bar'}{'baz'}<span />{'qux'}</div>, el);
+    var inst = ReactDOM.render(
+      <div>{'foo'}{'bar'}{'baz'}<span />{'qux'}</div>,
+      el,
+    );
 
     var container = ReactDOM.findDOMNode(inst);
     container.normalize();
@@ -121,8 +124,14 @@ describe('ReactDOMTextComponent', () => {
     let childNodes = filterOutComments(ReactDOM.findDOMNode(inst).childNodes);
     let textNode = childNodes[1];
     textNode.textContent = 'foo';
-    container.insertBefore(document.createTextNode('bar'), childNodes[1].nextSibling);
-    container.insertBefore(document.createTextNode('baz'), childNodes[1].nextSibling);
+    container.insertBefore(
+      document.createTextNode('bar'),
+      childNodes[1].nextSibling,
+    );
+    container.insertBefore(
+      document.createTextNode('baz'),
+      childNodes[1].nextSibling,
+    );
 
     inst = ReactDOM.render(<div><span />{'barbazqux'}</div>, el);
     container = ReactDOM.findDOMNode(inst);
@@ -131,19 +140,34 @@ describe('ReactDOMTextComponent', () => {
 
   it('can reconcile text arbitrarily split into multiple nodes on some substitutions only', () => {
     var el = document.createElement('div');
-    var inst = ReactDOM.render(<div><span />{'bar'}<span />{'foobarbaz'}{'foo'}{'barfoo'}<span /></div>, el);
+    var inst = ReactDOM.render(
+      <div><span />{'bar'}<span />{'foobarbaz'}{'foo'}{'barfoo'}<span /></div>,
+      el,
+    );
 
     var container = ReactDOM.findDOMNode(inst);
     let childNodes = filterOutComments(ReactDOM.findDOMNode(inst).childNodes);
     let textNode = childNodes[3];
     textNode.textContent = 'foo';
-    container.insertBefore(document.createTextNode('bar'), childNodes[3].nextSibling);
-    container.insertBefore(document.createTextNode('baz'), childNodes[3].nextSibling);
+    container.insertBefore(
+      document.createTextNode('bar'),
+      childNodes[3].nextSibling,
+    );
+    container.insertBefore(
+      document.createTextNode('baz'),
+      childNodes[3].nextSibling,
+    );
     let secondTextNode = childNodes[5];
     secondTextNode.textContent = 'bar';
-    container.insertBefore(document.createTextNode('foo'), childNodes[5].nextSibling);
+    container.insertBefore(
+      document.createTextNode('foo'),
+      childNodes[5].nextSibling,
+    );
 
-    inst = ReactDOM.render(<div><span />{'baz'}<span />{'barbazqux'}{'bar'}{'bazbar'}<span /></div>, el);
+    inst = ReactDOM.render(
+      <div><span />{'baz'}<span />{'barbazqux'}{'bar'}{'bazbar'}<span /></div>,
+      el,
+    );
     container = ReactDOM.findDOMNode(inst);
     expect(container.textContent).toBe('bazbarbazquxbarbazbar');
   });
diff --git a/src/renderers/dom/shared/__tests__/ReactEventIndependence-test.js b/src/renderers/dom/shared/__tests__/ReactEventIndependence-test.js
index 79143a8336..87b00573a6 100644
--- a/src/renderers/dom/shared/__tests__/ReactEventIndependence-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactEventIndependence-test.js
@@ -32,7 +32,7 @@ describe('ReactEventIndependence', () => {
         dangerouslySetInnerHTML={{
           __html: '<button data-reactid=".z">click me</div>',
         }}
-      />
+      />,
     );
     ReactTestUtils.SimulateNative.click(div.firstChild);
     expect(clicks).toBe(1);
@@ -44,7 +44,7 @@ describe('ReactEventIndependence', () => {
     outer.setAttribute('data-reactid', '.z');
     var inner = ReactDOM.render(
       <button onClick={() => clicks++}>click me</button>,
-      outer
+      outer,
     );
     ReactTestUtils.SimulateNative.click(inner);
     expect(clicks).toBe(1);
@@ -55,7 +55,7 @@ describe('ReactEventIndependence', () => {
     var container = document.createElement('div');
     var button = ReactDOM.render(
       <button onClick={() => clicks++}>click me</button>,
-      container
+      container,
     );
 
     // Now we unmount the component, as if caused by a non-React event handler
@@ -66,5 +66,4 @@ describe('ReactEventIndependence', () => {
     // Since the tree is unmounted, we don't dispatch the click event.
     expect(clicks).toBe(0);
   });
-
 });
diff --git a/src/renderers/dom/shared/__tests__/ReactEventListener-test.js b/src/renderers/dom/shared/__tests__/ReactEventListener-test.js
index e0f1a9bf3b..7dc1c8ddaa 100644
--- a/src/renderers/dom/shared/__tests__/ReactEventListener-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactEventListener-test.js
@@ -11,7 +11,6 @@
 
 'use strict';
 
-
 var EVENT_TARGET_PARAM = 1;
 
 describe('ReactEventListener', () => {
@@ -38,19 +37,16 @@ describe('ReactEventListener', () => {
     var otherNode = document.createElement('h1');
     var component = ReactDOM.render(<div />, document.createElement('div'));
     expect(handleTopLevel.mock.calls.length).toBe(0);
-    ReactEventListener.dispatchEvent(
-      'topMouseOut',
-      {
-        type: 'mouseout',
-        fromElement: otherNode,
-        target: otherNode,
-        srcElement: otherNode,
-        toElement: ReactDOM.findDOMNode(component),
-        relatedTarget: ReactDOM.findDOMNode(component),
-        view: window,
-        path: [otherNode, otherNode],
-      },
-    );
+    ReactEventListener.dispatchEvent('topMouseOut', {
+      type: 'mouseout',
+      fromElement: otherNode,
+      target: otherNode,
+      srcElement: otherNode,
+      toElement: ReactDOM.findDOMNode(component),
+      relatedTarget: ReactDOM.findDOMNode(component),
+      view: window,
+      path: [otherNode, otherNode],
+    });
     expect(handleTopLevel.mock.calls.length).toBe(1);
   });
 
@@ -61,8 +57,7 @@ describe('ReactEventListener', () => {
       var parentContainer = document.createElement('div');
       var parentControl = <div>Parent</div>;
       childControl = ReactDOM.render(childControl, childContainer);
-      parentControl =
-        ReactDOM.render(parentControl, parentContainer);
+      parentControl = ReactDOM.render(parentControl, parentContainer);
       ReactDOM.findDOMNode(parentControl).appendChild(childContainer);
 
       var callback = ReactEventListener.dispatchEvent.bind(null, 'test');
@@ -72,10 +67,12 @@ describe('ReactEventListener', () => {
 
       var calls = handleTopLevel.mock.calls;
       expect(calls.length).toBe(2);
-      expect(calls[0][EVENT_TARGET_PARAM])
-        .toBe(ReactDOMComponentTree.getInstanceFromNode(childControl));
-      expect(calls[1][EVENT_TARGET_PARAM])
-        .toBe(ReactDOMComponentTree.getInstanceFromNode(parentControl));
+      expect(calls[0][EVENT_TARGET_PARAM]).toBe(
+        ReactDOMComponentTree.getInstanceFromNode(childControl),
+      );
+      expect(calls[1][EVENT_TARGET_PARAM]).toBe(
+        ReactDOMComponentTree.getInstanceFromNode(parentControl),
+      );
     });
 
     it('should propagate events two levels down', () => {
@@ -86,10 +83,11 @@ describe('ReactEventListener', () => {
       var grandParentContainer = document.createElement('div');
       var grandParentControl = <div>Parent</div>;
       childControl = ReactDOM.render(childControl, childContainer);
-      parentControl =
-        ReactDOM.render(parentControl, parentContainer);
-      grandParentControl =
-        ReactDOM.render(grandParentControl, grandParentContainer);
+      parentControl = ReactDOM.render(parentControl, parentContainer);
+      grandParentControl = ReactDOM.render(
+        grandParentControl,
+        grandParentContainer,
+      );
       ReactDOM.findDOMNode(parentControl).appendChild(childContainer);
       ReactDOM.findDOMNode(grandParentControl).appendChild(parentContainer);
 
@@ -100,12 +98,15 @@ describe('ReactEventListener', () => {
 
       var calls = handleTopLevel.mock.calls;
       expect(calls.length).toBe(3);
-      expect(calls[0][EVENT_TARGET_PARAM])
-        .toBe(ReactDOMComponentTree.getInstanceFromNode(childControl));
-      expect(calls[1][EVENT_TARGET_PARAM])
-        .toBe(ReactDOMComponentTree.getInstanceFromNode(parentControl));
-      expect(calls[2][EVENT_TARGET_PARAM])
-        .toBe(ReactDOMComponentTree.getInstanceFromNode(grandParentControl));
+      expect(calls[0][EVENT_TARGET_PARAM]).toBe(
+        ReactDOMComponentTree.getInstanceFromNode(childControl),
+      );
+      expect(calls[1][EVENT_TARGET_PARAM]).toBe(
+        ReactDOMComponentTree.getInstanceFromNode(parentControl),
+      );
+      expect(calls[2][EVENT_TARGET_PARAM]).toBe(
+        ReactDOMComponentTree.getInstanceFromNode(grandParentControl),
+      );
     });
 
     it('should not get confused by disappearing elements', () => {
@@ -114,8 +115,7 @@ describe('ReactEventListener', () => {
       var parentContainer = document.createElement('div');
       var parentControl = <div>Parent</div>;
       childControl = ReactDOM.render(childControl, childContainer);
-      parentControl =
-        ReactDOM.render(parentControl, parentContainer);
+      parentControl = ReactDOM.render(parentControl, parentContainer);
       ReactDOM.findDOMNode(parentControl).appendChild(childContainer);
 
       // ReactBrowserEventEmitter.handleTopLevel might remove the
@@ -128,7 +128,7 @@ describe('ReactEventListener', () => {
           if (topLevelTarget === childNode) {
             ReactDOM.unmountComponentAtNode(childContainer);
           }
-        }
+        },
       );
 
       var callback = ReactEventListener.dispatchEvent.bind(null, 'test');
@@ -138,23 +138,19 @@ describe('ReactEventListener', () => {
 
       var calls = handleTopLevel.mock.calls;
       expect(calls.length).toBe(2);
-      expect(calls[0][EVENT_TARGET_PARAM])
-        .toBe(ReactDOMComponentTree.getInstanceFromNode(childNode));
-      expect(calls[1][EVENT_TARGET_PARAM])
-        .toBe(ReactDOMComponentTree.getInstanceFromNode(parentControl));
+      expect(calls[0][EVENT_TARGET_PARAM]).toBe(
+        ReactDOMComponentTree.getInstanceFromNode(childNode),
+      );
+      expect(calls[1][EVENT_TARGET_PARAM]).toBe(
+        ReactDOMComponentTree.getInstanceFromNode(parentControl),
+      );
     });
 
     it('should batch between handlers from different roots', () => {
       var childContainer = document.createElement('div');
       var parentContainer = document.createElement('div');
-      var childControl = ReactDOM.render(
-        <div>Child</div>,
-        childContainer
-      );
-      var parentControl = ReactDOM.render(
-        <div>Parent</div>,
-        parentContainer
-      );
+      var childControl = ReactDOM.render(<div>Child</div>, childContainer);
+      var parentControl = ReactDOM.render(<div>Parent</div>, parentContainer);
       ReactDOM.findDOMNode(parentControl).appendChild(childContainer);
 
       // Suppose an event handler in each root enqueues an update to the
@@ -164,15 +160,17 @@ describe('ReactEventListener', () => {
         function(topLevelType, topLevelTarget, topLevelTargetID, nativeEvent) {
           ReactDOM.render(
             <div>{topLevelTarget === childNode ? '1' : '2'}</div>,
-            childContainer
+            childContainer,
           );
           // Since we're batching, neither update should yet have gone through.
           expect(childNode.textContent).toBe('Child');
-        }
+        },
       );
 
-      var callback =
-        ReactEventListener.dispatchEvent.bind(ReactEventListener, 'test');
+      var callback = ReactEventListener.dispatchEvent.bind(
+        ReactEventListener,
+        'test',
+      );
       callback({
         target: childNode,
       });
@@ -204,7 +202,8 @@ describe('ReactEventListener', () => {
 
     var calls = handleTopLevel.mock.calls;
     expect(calls.length).toBe(1);
-    expect(calls[0][EVENT_TARGET_PARAM])
-      .toBe(ReactDOMComponentTree.getInstanceFromNode(instance.getInner()));
+    expect(calls[0][EVENT_TARGET_PARAM]).toBe(
+      ReactDOMComponentTree.getInstanceFromNode(instance.getInner()),
+    );
   });
 });
diff --git a/src/renderers/dom/shared/__tests__/ReactMount-test.js b/src/renderers/dom/shared/__tests__/ReactMount-test.js
index 95c11c93a1..3f49f18456 100644
--- a/src/renderers/dom/shared/__tests__/ReactMount-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactMount-test.js
@@ -43,7 +43,7 @@ describe('ReactMount', () => {
       expect(function() {
         ReactDOM.unmountComponentAtNode(nodeArray);
       }).toThrowError(
-        'unmountComponentAtNode(...): Target container is not a DOM element.'
+        'unmountComponentAtNode(...): Target container is not a DOM element.',
       );
     });
   });
@@ -53,7 +53,7 @@ describe('ReactMount', () => {
       ReactTestUtils.renderIntoDocument('div');
     }).toThrowError(
       'ReactDOM.render(): Invalid component element. Instead of passing a ' +
-      'string like \'div\', pass React.createElement(\'div\') or <div />.'
+        "string like 'div', pass React.createElement('div') or <div />.",
     );
   });
 
@@ -68,7 +68,7 @@ describe('ReactMount', () => {
       ReactTestUtils.renderIntoDocument(Component);
     }).toThrowError(
       'ReactDOM.render(): Invalid component element. Instead of passing a ' +
-      'class like Foo, pass React.createElement(Foo) or <Foo />.'
+        'class like Foo, pass React.createElement(Foo) or <Foo />.',
     );
   });
 
@@ -158,25 +158,26 @@ describe('ReactMount', () => {
 
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Rendering components directly into document.body is discouraged'
+      'Rendering components directly into document.body is discouraged',
     );
   });
 
   it('should account for escaping on a checksum mismatch', () => {
     var div = document.createElement('div');
     var markup = ReactDOMServer.renderToString(
-      <div>This markup contains an nbsp entity: &nbsp; server text</div>);
+      <div>This markup contains an nbsp entity: &nbsp; server text</div>,
+    );
     div.innerHTML = markup;
 
     spyOn(console, 'error');
     ReactDOM.render(
       <div>This markup contains an nbsp entity: &nbsp; client text</div>,
-      div
+      div,
     );
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       ' (client) nbsp entity: &nbsp; client text</div>\n' +
-      ' (server) nbsp entity: &nbsp; server text</div>'
+        ' (server) nbsp entity: &nbsp; server text</div>',
     );
   });
 
@@ -221,9 +222,9 @@ describe('ReactMount', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: render(...): Replacing React-rendered children with a new ' +
-      'root component. If you intended to update the children of this node, ' +
-      'you should instead have the existing children update their state and ' +
-      'render the new components instead of calling ReactDOM.render.'
+        'root component. If you intended to update the children of this node, ' +
+        'you should instead have the existing children update their state and ' +
+        'render the new components instead of calling ReactDOM.render.',
     );
   });
 
@@ -246,8 +247,8 @@ describe('ReactMount', () => {
     ReactDOMOther.unmountComponentAtNode(container);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: unmountComponentAtNode(): The node you\'re attempting to unmount ' +
-      'was rendered by another copy of React.'
+      "Warning: unmountComponentAtNode(): The node you're attempting to unmount " +
+        'was rendered by another copy of React.',
     );
 
     // Don't throw a warning if the correct React copy unmounts the node
diff --git a/src/renderers/dom/shared/__tests__/ReactMountDestruction-test.js b/src/renderers/dom/shared/__tests__/ReactMountDestruction-test.js
index b64dec7be3..23f077309c 100644
--- a/src/renderers/dom/shared/__tests__/ReactMountDestruction-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactMountDestruction-test.js
@@ -43,10 +43,11 @@ describe('ReactMount', () => {
   it('should warn when unmounting a non-container root node', () => {
     var mainContainerDiv = document.createElement('div');
 
-    var component =
+    var component = (
       <div>
         <div />
-      </div>;
+      </div>
+    );
     ReactDOM.render(component, mainContainerDiv);
 
     // Test that unmounting at a root node gives a helpful warning
@@ -55,22 +56,23 @@ describe('ReactMount', () => {
     ReactDOM.unmountComponentAtNode(rootDiv);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: unmountComponentAtNode(): The node you\'re attempting to ' +
-      'unmount was rendered by React and is not a top-level container. You ' +
-      'may have accidentally passed in a React root node instead of its ' +
-      'container.'
+      "Warning: unmountComponentAtNode(): The node you're attempting to " +
+        'unmount was rendered by React and is not a top-level container. You ' +
+        'may have accidentally passed in a React root node instead of its ' +
+        'container.',
     );
   });
 
   it('should warn when unmounting a non-container, non-root node', () => {
     var mainContainerDiv = document.createElement('div');
 
-    var component =
+    var component = (
       <div>
         <div>
           <div />
         </div>
-      </div>;
+      </div>
+    );
     ReactDOM.render(component, mainContainerDiv);
 
     // Test that unmounting at a non-root node gives a different warning
@@ -79,10 +81,10 @@ describe('ReactMount', () => {
     ReactDOM.unmountComponentAtNode(nonRootDiv);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: unmountComponentAtNode(): The node you\'re attempting to ' +
-      'unmount was rendered by React and is not a top-level container. ' +
-      'Instead, have the parent component update its state and rerender in ' +
-      'order to remove this component.'
+      "Warning: unmountComponentAtNode(): The node you're attempting to " +
+        'unmount was rendered by React and is not a top-level container. ' +
+        'Instead, have the parent component update its state and rerender in ' +
+        'order to remove this component.',
     );
   });
 });
diff --git a/src/renderers/dom/shared/__tests__/ReactRenderDocument-test.js b/src/renderers/dom/shared/__tests__/ReactRenderDocument-test.js
index abcee78905..965a41dfff 100644
--- a/src/renderers/dom/shared/__tests__/ReactRenderDocument-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactRenderDocument-test.js
@@ -19,8 +19,7 @@ var getTestDocument;
 
 var testDocument;
 
-var UNMOUNT_INVARIANT_MESSAGE =
-  '<html> tried to unmount. ' +
+var UNMOUNT_INVARIANT_MESSAGE = '<html> tried to unmount. ' +
   'Because of cross-browser quirks it is impossible to unmount some ' +
   'top-level components (eg <html>, <head>, and <body>) reliably and ' +
   'efficiently. To fix this, have a single top-level component that ' +
@@ -166,7 +165,7 @@ describe('rendering React components at document', () => {
     }
 
     var markup = ReactDOMServer.renderToString(
-      <Component text="Hello world" />
+      <Component text="Hello world" />,
     );
     testDocument = getTestDocument(markup);
 
@@ -194,7 +193,7 @@ describe('rendering React components at document', () => {
     }
 
     var markup = ReactDOMServer.renderToString(
-      <Component text="Goodbye world" />
+      <Component text="Goodbye world" />,
     );
     testDocument = getTestDocument(markup);
 
@@ -202,16 +201,16 @@ describe('rendering React components at document', () => {
       // Notice the text is different!
       ReactDOM.render(<Component text="Hello world" />, testDocument);
     }).toThrowError(
-      'You\'re trying to render a component to the document using ' +
-      'server rendering but the checksum was invalid. This usually ' +
-      'means you rendered a different component type or props on ' +
-      'the client from the one on the server, or your render() methods ' +
-      'are impure. React cannot handle this case due to cross-browser ' +
-      'quirks by rendering at the document root. You should look for ' +
-      'environment dependent code in your components and ensure ' +
-      'the props are the same client and server side:\n' +
-      ' (client) dy data-reactid="4">Hello world</body></\n' +
-      ' (server) dy data-reactid="4">Goodbye world</body>'
+      "You're trying to render a component to the document using " +
+        'server rendering but the checksum was invalid. This usually ' +
+        'means you rendered a different component type or props on ' +
+        'the client from the one on the server, or your render() methods ' +
+        'are impure. React cannot handle this case due to cross-browser ' +
+        'quirks by rendering at the document root. You should look for ' +
+        'environment dependent code in your components and ensure ' +
+        'the props are the same client and server side:\n' +
+        ' (client) dy data-reactid="4">Hello world</body></\n' +
+        ' (server) dy data-reactid="4">Goodbye world</body>',
     );
   });
 
@@ -238,15 +237,15 @@ describe('rendering React components at document', () => {
     expect(function() {
       ReactDOM.render(<Component />, container);
     }).toThrowError(
-      'You\'re trying to render a component to the document but you didn\'t ' +
-      'use server rendering. We can\'t do this without using server ' +
-      'rendering due to cross-browser quirks. See ' +
-      'ReactDOMServer.renderToString() for server rendering.'
+      "You're trying to render a component to the document but you didn't " +
+        "use server rendering. We can't do this without using server " +
+        'rendering due to cross-browser quirks. See ' +
+        'ReactDOMServer.renderToString() for server rendering.',
     );
   });
 
   it('supports findDOMNode on full-page components', () => {
-    var tree =
+    var tree = (
       <html>
         <head>
           <title>Hello World</title>
@@ -254,7 +253,8 @@ describe('rendering React components at document', () => {
         <body>
           Hello world
         </body>
-      </html>;
+      </html>
+    );
 
     var markup = ReactDOMServer.renderToString(tree);
     testDocument = getTestDocument(markup);
diff --git a/src/renderers/dom/shared/__tests__/ReactServerRendering-test.js b/src/renderers/dom/shared/__tests__/ReactServerRendering-test.js
index 93cb1cf62f..93f291c2b0 100644
--- a/src/renderers/dom/shared/__tests__/ReactServerRendering-test.js
+++ b/src/renderers/dom/shared/__tests__/ReactServerRendering-test.js
@@ -44,36 +44,48 @@ describe('ReactDOMServer', () => {
 
   describe('renderToString', () => {
     it('should generate simple markup', () => {
-      var response = ReactDOMServer.renderToString(
-        <span>hello world</span>
+      var response = ReactDOMServer.renderToString(<span>hello world</span>);
+      expect(response).toMatch(
+        new RegExp(
+          '<span ' +
+            ROOT_ATTRIBUTE_NAME +
+            '="" ' +
+            ID_ATTRIBUTE_NAME +
+            '="[^"]+" ' +
+            ReactMarkupChecksum.CHECKSUM_ATTR_NAME +
+            '="[^"]+">hello world</span>',
+        ),
       );
-      expect(response).toMatch(new RegExp(
-        '<span ' + ROOT_ATTRIBUTE_NAME + '="" ' +
-          ID_ATTRIBUTE_NAME + '="[^"]+" ' +
-          ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="[^"]+">hello world</span>'
-      ));
     });
 
     it('should generate simple markup for self-closing tags', () => {
-      var response = ReactDOMServer.renderToString(
-        <img />
+      var response = ReactDOMServer.renderToString(<img />);
+      expect(response).toMatch(
+        new RegExp(
+          '<img ' +
+            ROOT_ATTRIBUTE_NAME +
+            '="" ' +
+            ID_ATTRIBUTE_NAME +
+            '="[^"]+" ' +
+            ReactMarkupChecksum.CHECKSUM_ATTR_NAME +
+            '="[^"]+"/>',
+        ),
       );
-      expect(response).toMatch(new RegExp(
-        '<img ' + ROOT_ATTRIBUTE_NAME + '="" ' +
-          ID_ATTRIBUTE_NAME + '="[^"]+" ' +
-          ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="[^"]+"/>'
-      ));
     });
 
     it('should generate simple markup for attribute with `>` symbol', () => {
-      var response = ReactDOMServer.renderToString(
-        <img data-attr=">" />
+      var response = ReactDOMServer.renderToString(<img data-attr=">" />);
+      expect(response).toMatch(
+        new RegExp(
+          '<img data-attr="&gt;" ' +
+            ROOT_ATTRIBUTE_NAME +
+            '="" ' +
+            ID_ATTRIBUTE_NAME +
+            '="[^"]+" ' +
+            ReactMarkupChecksum.CHECKSUM_ATTR_NAME +
+            '="[^"]+"/>',
+        ),
       );
-      expect(response).toMatch(new RegExp(
-        '<img data-attr="&gt;" ' + ROOT_ATTRIBUTE_NAME + '="" ' +
-          ID_ATTRIBUTE_NAME + '="[^"]+" ' +
-          ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="[^"]+"/>'
-      ));
     });
 
     it('should generate comment markup for component returns null', () => {
@@ -102,19 +114,25 @@ describe('ReactDOMServer', () => {
         }
       }
 
-      var response = ReactDOMServer.renderToString(
-        <Parent />
-      );
-      expect(response).toMatch(new RegExp(
-        '<div ' + ROOT_ATTRIBUTE_NAME + '="" ' +
-          ID_ATTRIBUTE_NAME + '="[^"]+" ' +
-          ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="[^"]+">' +
-          '<span ' + ID_ATTRIBUTE_NAME + '="[^"]+">' +
+      var response = ReactDOMServer.renderToString(<Parent />);
+      expect(response).toMatch(
+        new RegExp(
+          '<div ' +
+            ROOT_ATTRIBUTE_NAME +
+            '="" ' +
+            ID_ATTRIBUTE_NAME +
+            '="[^"]+" ' +
+            ReactMarkupChecksum.CHECKSUM_ATTR_NAME +
+            '="[^"]+">' +
+            '<span ' +
+            ID_ATTRIBUTE_NAME +
+            '="[^"]+">' +
             '<!-- react-text: [0-9]+ -->My name is <!-- /react-text -->' +
             '<!-- react-text: [0-9]+ -->child<!-- /react-text -->' +
-          '</span>' +
-        '</div>'
-      ));
+            '</span>' +
+            '</div>',
+        ),
+      );
     });
 
     it('should only execute certain lifecycle methods', () => {
@@ -162,21 +180,27 @@ describe('ReactDOMServer', () => {
           }
         }
 
-        var response = ReactDOMServer.renderToString(
-          <TestComponent />
-        );
+        var response = ReactDOMServer.renderToString(<TestComponent />);
 
-        expect(response).toMatch(new RegExp(
-          '<span ' + ROOT_ATTRIBUTE_NAME + '="" ' +
-            ID_ATTRIBUTE_NAME + '="[^"]+" ' +
-            ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="[^"]+">' +
-            '<!-- react-text: [0-9]+ -->Component name: <!-- /react-text -->' +
-            '<!-- react-text: [0-9]+ -->TestComponent<!-- /react-text -->' +
-          '</span>'
-        ));
-        expect(lifecycle).toEqual(
-          ['getInitialState', 'componentWillMount', 'render']
+        expect(response).toMatch(
+          new RegExp(
+            '<span ' +
+              ROOT_ATTRIBUTE_NAME +
+              '="" ' +
+              ID_ATTRIBUTE_NAME +
+              '="[^"]+" ' +
+              ReactMarkupChecksum.CHECKSUM_ATTR_NAME +
+              '="[^"]+">' +
+              '<!-- react-text: [0-9]+ -->Component name: <!-- /react-text -->' +
+              '<!-- react-text: [0-9]+ -->TestComponent<!-- /react-text -->' +
+              '</span>',
+          ),
         );
+        expect(lifecycle).toEqual([
+          'getInitialState',
+          'componentWillMount',
+          'render',
+        ]);
       }
 
       runTest();
@@ -235,9 +259,7 @@ describe('ReactDOMServer', () => {
       expect(element.innerHTML).toEqual('');
 
       ExecutionEnvironment.canUseDOM = false;
-      lastMarkup = ReactDOMServer.renderToString(
-        <TestComponent name="x" />
-      );
+      lastMarkup = ReactDOMServer.renderToString(<TestComponent name="x" />);
       ExecutionEnvironment.canUseDOM = true;
       element.innerHTML = lastMarkup;
 
@@ -248,8 +270,7 @@ describe('ReactDOMServer', () => {
       if (ReactDOMFeatureFlags.useFiber) {
         var reactMetaData = /\s+data-react[a-z-]+="[^"]*"/g;
         var reactComments = /<!-- \/?react-text(: \d+)? -->/g;
-        expectedMarkup =
-          expectedMarkup
+        expectedMarkup = expectedMarkup
           .replace(reactMetaData, '')
           .replace(reactComments, '');
       }
@@ -281,13 +302,8 @@ describe('ReactDOMServer', () => {
 
     it('should throw with silly args', () => {
       expect(
-        ReactDOMServer.renderToString.bind(
-          ReactDOMServer,
-          'not a component'
-        )
-      ).toThrowError(
-        'renderToString(): You must pass a valid ReactElement.'
-      );
+        ReactDOMServer.renderToString.bind(ReactDOMServer, 'not a component'),
+      ).toThrowError('renderToString(): You must pass a valid ReactElement.');
     });
   });
 
@@ -305,9 +321,7 @@ describe('ReactDOMServer', () => {
         }
       }
 
-      var response = ReactDOMServer.renderToStaticMarkup(
-        <TestComponent />
-      );
+      var response = ReactDOMServer.renderToStaticMarkup(<TestComponent />);
 
       expect(response).toBe('<span><div>inner text</div></span>');
     });
@@ -319,9 +333,7 @@ describe('ReactDOMServer', () => {
         }
       }
 
-      var response = ReactDOMServer.renderToStaticMarkup(
-        <TestComponent />
-      );
+      var response = ReactDOMServer.renderToStaticMarkup(<TestComponent />);
 
       expect(response).toBe('<span>hello world</span>');
     });
@@ -371,14 +383,14 @@ describe('ReactDOMServer', () => {
           }
         }
 
-        var response = ReactDOMServer.renderToStaticMarkup(
-          <TestComponent />
-        );
+        var response = ReactDOMServer.renderToStaticMarkup(<TestComponent />);
 
         expect(response).toBe('<span>Component name: TestComponent</span>');
-        expect(lifecycle).toEqual(
-          ['getInitialState', 'componentWillMount', 'render']
-        );
+        expect(lifecycle).toEqual([
+          'getInitialState',
+          'componentWillMount',
+          'render',
+        ]);
       }
 
       runTest();
@@ -392,10 +404,10 @@ describe('ReactDOMServer', () => {
       expect(
         ReactDOMServer.renderToStaticMarkup.bind(
           ReactDOMServer,
-          'not a component'
-        )
+          'not a component',
+        ),
       ).toThrowError(
-        'renderToStaticMarkup(): You must pass a valid ReactElement.'
+        'renderToStaticMarkup(): You must pass a valid ReactElement.',
       );
     });
 
@@ -414,9 +426,7 @@ describe('ReactDOMServer', () => {
         // We shouldn't ever be calling this on the server
         throw new Error('Browser reconcile transaction should not be used');
       };
-      var markup = ReactDOMServer.renderToString(
-        <Component />
-      );
+      var markup = ReactDOMServer.renderToString(<Component />);
       expect(markup.indexOf('hello, world') >= 0).toBe(true);
     });
 
@@ -426,7 +436,7 @@ describe('ReactDOMServer', () => {
           const staticContent = ReactDOMServer.renderToStaticMarkup(
             <div>
               <img src="foo-bar.jpg" />
-            </div>
+            </div>,
           );
           return <div dangerouslySetInnerHTML={{__html: staticContent}} />;
         }
@@ -448,8 +458,8 @@ describe('ReactDOMServer', () => {
           <div>
             <StaticComponent />
             <Component />
-          </div>
-        )
+          </div>,
+        ),
       ).not.toThrow();
     });
   });
@@ -473,8 +483,8 @@ describe('ReactDOMServer', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.mostRecent().args[0]).toBe(
       'Warning: setState(...): Can only update a mounting component.' +
-      ' This usually means you called setState() outside componentWillMount() on the server.' +
-      ' This is a no-op.\n\nPlease check the code for the Foo component.'
+        ' This usually means you called setState() outside componentWillMount() on the server.' +
+        ' This is a no-op.\n\nPlease check the code for the Foo component.',
     );
     var markup = ReactDOMServer.renderToStaticMarkup(<Foo />);
     expect(markup).toBe('<div>hello</div>');
@@ -499,8 +509,8 @@ describe('ReactDOMServer', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.mostRecent().args[0]).toBe(
       'Warning: replaceState(...): Can only update a mounting component. ' +
-      'This usually means you called replaceState() outside componentWillMount() on the server. ' +
-      'This is a no-op.\n\nPlease check the code for the Bar component.'
+        'This usually means you called replaceState() outside componentWillMount() on the server. ' +
+        'This is a no-op.\n\nPlease check the code for the Bar component.',
     );
     var markup = ReactDOMServer.renderToStaticMarkup(<Bar />);
     expect(markup).toBe('<div>hello</div>');
@@ -526,8 +536,8 @@ describe('ReactDOMServer', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.mostRecent().args[0]).toBe(
       'Warning: forceUpdate(...): Can only update a mounting component. ' +
-      'This usually means you called forceUpdate() outside componentWillMount() on the server. ' +
-      'This is a no-op.\n\nPlease check the code for the Baz component.'
+        'This usually means you called forceUpdate() outside componentWillMount() on the server. ' +
+        'This is a no-op.\n\nPlease check the code for the Baz component.',
     );
     var markup = ReactDOMServer.renderToStaticMarkup(<Baz />);
     expect(markup).toBe('<div></div>');
@@ -545,7 +555,7 @@ describe('ReactDOMServer', () => {
           <span key={0} />
           <span key={1} />
           <span key={2} />
-        </Wrapper>
+        </Wrapper>,
       );
     }).toThrowError(/Cannot assign to read only property.*/);
   });
diff --git a/src/renderers/dom/shared/__tests__/escapeTextContentForBrowser-test.js b/src/renderers/dom/shared/__tests__/escapeTextContentForBrowser-test.js
index 0d42152d8a..8dc2b9792d 100644
--- a/src/renderers/dom/shared/__tests__/escapeTextContentForBrowser-test.js
+++ b/src/renderers/dom/shared/__tests__/escapeTextContentForBrowser-test.js
@@ -12,7 +12,6 @@
 'use strict';
 
 describe('escapeTextContentForBrowser', () => {
-
   var escapeTextContentForBrowser = require('escapeTextContentForBrowser');
 
   it('should escape boolean to string', () => {
@@ -35,14 +34,15 @@ describe('escapeTextContentForBrowser', () => {
   });
 
   it('should escape string', () => {
-    var escaped = escapeTextContentForBrowser('<script type=\'\' src=""></script>');
+    var escaped = escapeTextContentForBrowser(
+      '<script type=\'\' src=""></script>',
+    );
     expect(escaped).not.toContain('<');
     expect(escaped).not.toContain('>');
-    expect(escaped).not.toContain('\'');
-    expect(escaped).not.toContain('\"');
+    expect(escaped).not.toContain("'");
+    expect(escaped).not.toContain('"');
 
     escaped = escapeTextContentForBrowser('&');
     expect(escaped).toBe('&amp;');
   });
-
 });
diff --git a/src/renderers/dom/shared/__tests__/findDOMNode-test.js b/src/renderers/dom/shared/__tests__/findDOMNode-test.js
index c59d4de974..93edc2e259 100644
--- a/src/renderers/dom/shared/__tests__/findDOMNode-test.js
+++ b/src/renderers/dom/shared/__tests__/findDOMNode-test.js
@@ -35,7 +35,7 @@ describe('findDOMNode', () => {
   });
 
   it('findDOMNode should find dom element after an update from null', () => {
-    function Bar({ flag }) {
+    function Bar({flag}) {
       if (flag) {
         return <span>A</span>;
       }
@@ -64,7 +64,7 @@ describe('findDOMNode', () => {
     expect(function() {
       ReactDOM.findDOMNode({foo: 'bar'});
     }).toThrowError(
-      'Element appears to be neither ReactComponent nor DOMNode. Keys: foo'
+      'Element appears to be neither ReactComponent nor DOMNode. Keys: foo',
     );
   });
 
@@ -80,7 +80,7 @@ describe('findDOMNode', () => {
     ReactDOM.unmountComponentAtNode(container);
 
     expect(() => ReactDOM.findDOMNode(inst)).toThrowError(
-      'Unable to find node on an unmounted component.'
+      'Unable to find node on an unmounted component.',
     );
   });
 
@@ -97,5 +97,4 @@ describe('findDOMNode', () => {
 
     expect(() => ReactTestUtils.renderIntoDocument(<Bar />)).not.toThrow();
   });
-
 });
diff --git a/src/renderers/dom/shared/__tests__/inputValueTracking-test.js b/src/renderers/dom/shared/__tests__/inputValueTracking-test.js
index 36dfb35d9a..77f2166c24 100644
--- a/src/renderers/dom/shared/__tests__/inputValueTracking-test.js
+++ b/src/renderers/dom/shared/__tests__/inputValueTracking-test.js
@@ -22,23 +22,21 @@ describe('inputValueTracking', () => {
     input.type = 'text';
     checkbox = document.createElement('input');
     checkbox.type = 'checkbox';
-    mockComponent = { _hostNode: input, _wrapperState: {} };
+    mockComponent = {_hostNode: input, _wrapperState: {}};
   });
 
   it('should attach tracker to wrapper state', () => {
     inputValueTracking.track(mockComponent);
 
-    expect(
-      mockComponent._wrapperState.hasOwnProperty('valueTracker')
-    ).toBe(true);
+    expect(mockComponent._wrapperState.hasOwnProperty('valueTracker')).toBe(
+      true,
+    );
   });
 
   it('should define `value` on the instance node', () => {
     inputValueTracking.track(mockComponent);
 
-    expect(
-      input.hasOwnProperty('value')
-    ).toBe(true);
+    expect(input.hasOwnProperty('value')).toBe(true);
   });
 
   it('should define `checked` on the instance node', () => {
@@ -116,15 +114,11 @@ describe('inputValueTracking', () => {
 
     var tracker = mockComponent._wrapperState.valueTracker;
 
-    expect(
-      inputValueTracking.updateValueIfChanged(mockComponent)
-    ).toBe(false);
+    expect(inputValueTracking.updateValueIfChanged(mockComponent)).toBe(false);
 
     tracker.setValue('bar');
 
-    expect(
-      inputValueTracking.updateValueIfChanged(mockComponent)
-    ).toBe(true);
+    expect(inputValueTracking.updateValueIfChanged(mockComponent)).toBe(true);
 
     expect(tracker.getValue()).toEqual('foo');
   });
@@ -132,17 +126,16 @@ describe('inputValueTracking', () => {
   it('should track value and return true when updating untracked instance', () => {
     input.value = 'foo';
 
-    expect(
-      inputValueTracking.updateValueIfChanged(mockComponent)
-    )
-    .toBe(true);
+    expect(inputValueTracking.updateValueIfChanged(mockComponent)).toBe(true);
 
     var tracker = mockComponent._wrapperState.valueTracker;
     expect(tracker.getValue()).toEqual('foo');
   });
 
   it('should return tracker from node', () => {
-    var node = ReactTestUtils.renderIntoDocument(<input type="text" defaultValue="foo" />);
+    var node = ReactTestUtils.renderIntoDocument(
+      <input type="text" defaultValue="foo" />,
+    );
     var tracker = inputValueTracking._getTrackerFromNode(node);
     expect(tracker.getValue()).toEqual('foo');
   });
@@ -150,15 +143,15 @@ describe('inputValueTracking', () => {
   it('should stop tracking', () => {
     inputValueTracking.track(mockComponent);
 
-    expect(
-      mockComponent._wrapperState.hasOwnProperty('valueTracker')
-    ).toBe(true);
+    expect(mockComponent._wrapperState.hasOwnProperty('valueTracker')).toBe(
+      true,
+    );
 
     inputValueTracking.stopTracking(mockComponent);
 
-    expect(
-      mockComponent._wrapperState.hasOwnProperty('valueTracker')
-    ).toBe(false);
+    expect(mockComponent._wrapperState.hasOwnProperty('valueTracker')).toBe(
+      false,
+    );
 
     expect(input.hasOwnProperty('value')).toBe(false);
   });
diff --git a/src/renderers/dom/shared/__tests__/quoteAttributeValueForBrowser-test.js b/src/renderers/dom/shared/__tests__/quoteAttributeValueForBrowser-test.js
index aeba0bc4f7..884fc322c5 100644
--- a/src/renderers/dom/shared/__tests__/quoteAttributeValueForBrowser-test.js
+++ b/src/renderers/dom/shared/__tests__/quoteAttributeValueForBrowser-test.js
@@ -12,7 +12,6 @@
 'use strict';
 
 describe('quoteAttributeValueForBrowser', () => {
-
   var quoteAttributeValueForBrowser = require('quoteAttributeValueForBrowser');
 
   it('should escape boolean to string', () => {
@@ -35,14 +34,15 @@ describe('quoteAttributeValueForBrowser', () => {
   });
 
   it('should escape string', () => {
-    var escaped = quoteAttributeValueForBrowser('<script type=\'\' src=""></script>');
+    var escaped = quoteAttributeValueForBrowser(
+      '<script type=\'\' src=""></script>',
+    );
     expect(escaped).not.toContain('<');
     expect(escaped).not.toContain('>');
-    expect(escaped).not.toContain('\'');
-    expect(escaped.substr(1, -1)).not.toContain('\"');
+    expect(escaped).not.toContain("'");
+    expect(escaped.substr(1, -1)).not.toContain('"');
 
     escaped = quoteAttributeValueForBrowser('&');
     expect(escaped).toBe('"&amp;"');
   });
-
 });
diff --git a/src/renderers/dom/shared/__tests__/validateDOMNesting-test.js b/src/renderers/dom/shared/__tests__/validateDOMNesting-test.js
index d696e2488e..102322f1b7 100644
--- a/src/renderers/dom/shared/__tests__/validateDOMNesting-test.js
+++ b/src/renderers/dom/shared/__tests__/validateDOMNesting-test.js
@@ -15,22 +15,107 @@ var validateDOMNesting;
 
 // https://html.spec.whatwg.org/multipage/syntax.html#special
 var specialTags = [
-  'address', 'applet', 'area', 'article', 'aside', 'base', 'basefont',
-  'bgsound', 'blockquote', 'body', 'br', 'button', 'caption', 'center', 'col',
-  'colgroup', 'dd', 'details', 'dir', 'div', 'dl', 'dt', 'embed', 'fieldset',
-  'figcaption', 'figure', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2',
-  'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'iframe',
-  'img', 'input', 'isindex', 'li', 'link', 'listing', 'main', 'marquee', 'menu',
-  'menuitem', 'meta', 'nav', 'noembed', 'noframes', 'noscript', 'object', 'ol',
-  'p', 'param', 'plaintext', 'pre', 'script', 'section', 'select', 'source',
-  'style', 'summary', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot',
-  'th', 'thead', 'title', 'tr', 'track', 'ul', 'wbr', 'xmp',
+  'address',
+  'applet',
+  'area',
+  'article',
+  'aside',
+  'base',
+  'basefont',
+  'bgsound',
+  'blockquote',
+  'body',
+  'br',
+  'button',
+  'caption',
+  'center',
+  'col',
+  'colgroup',
+  'dd',
+  'details',
+  'dir',
+  'div',
+  'dl',
+  'dt',
+  'embed',
+  'fieldset',
+  'figcaption',
+  'figure',
+  'footer',
+  'form',
+  'frame',
+  'frameset',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+  'head',
+  'header',
+  'hgroup',
+  'hr',
+  'html',
+  'iframe',
+  'img',
+  'input',
+  'isindex',
+  'li',
+  'link',
+  'listing',
+  'main',
+  'marquee',
+  'menu',
+  'menuitem',
+  'meta',
+  'nav',
+  'noembed',
+  'noframes',
+  'noscript',
+  'object',
+  'ol',
+  'p',
+  'param',
+  'plaintext',
+  'pre',
+  'script',
+  'section',
+  'select',
+  'source',
+  'style',
+  'summary',
+  'table',
+  'tbody',
+  'td',
+  'template',
+  'textarea',
+  'tfoot',
+  'th',
+  'thead',
+  'title',
+  'tr',
+  'track',
+  'ul',
+  'wbr',
+  'xmp',
 ];
 
 // https://html.spec.whatwg.org/multipage/syntax.html#formatting
 var formattingTags = [
-  'a', 'b', 'big', 'code', 'em', 'font', 'i', 'nobr', 's', 'small', 'strike',
-  'strong', 'tt', 'u',
+  'a',
+  'b',
+  'big',
+  'code',
+  'em',
+  'font',
+  'i',
+  'nobr',
+  's',
+  'small',
+  'strike',
+  'strong',
+  'tt',
+  'u',
 ];
 
 function isTagStackValid(stack) {
@@ -39,8 +124,11 @@ function isTagStackValid(stack) {
     if (!validateDOMNesting.isTagValidInContext(stack[i], ancestorInfo)) {
       return false;
     }
-    ancestorInfo =
-      validateDOMNesting.updatedAncestorInfo(ancestorInfo, stack[i], null);
+    ancestorInfo = validateDOMNesting.updatedAncestorInfo(
+      ancestorInfo,
+      stack[i],
+      null,
+    );
   }
   return true;
 }
diff --git a/src/renderers/dom/shared/dangerousStyleValue.js b/src/renderers/dom/shared/dangerousStyleValue.js
index 32fb68a028..095be98840 100644
--- a/src/renderers/dom/shared/dangerousStyleValue.js
+++ b/src/renderers/dom/shared/dangerousStyleValue.js
@@ -41,8 +41,11 @@ function dangerousStyleValue(name, value, component) {
     return '';
   }
 
-  if (typeof value === 'number' && value !== 0 &&
-      !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])) {
+  if (
+    typeof value === 'number' &&
+    value !== 0 &&
+    !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
+  ) {
     return value + 'px'; // Presumes implicit 'px' suffix for unitless numbers
   }
 
diff --git a/src/renderers/dom/shared/escapeTextContentForBrowser.js b/src/renderers/dom/shared/escapeTextContentForBrowser.js
index 3735627f82..9a7a2f10db 100644
--- a/src/renderers/dom/shared/escapeTextContentForBrowser.js
+++ b/src/renderers/dom/shared/escapeTextContentForBrowser.js
@@ -74,7 +74,7 @@ function escapeHtml(string) {
         escape = '&amp;';
         break;
       case 39: // '
-        escape = '&#x27;';  // modified from escape-html; used to be '&#39'
+        escape = '&#x27;'; // modified from escape-html; used to be '&#39'
         break;
       case 60: // <
         escape = '&lt;';
@@ -94,13 +94,10 @@ function escapeHtml(string) {
     html += escape;
   }
 
-  return lastIndex !== index
-    ? html + str.substring(lastIndex, index)
-    : html;
+  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
 }
 // end code copied and modified from escape-html
 
-
 /**
  * Escapes text to prevent scripting attacks.
  *
diff --git a/src/renderers/dom/shared/eventPlugins/BeforeInputEventPlugin.js b/src/renderers/dom/shared/eventPlugins/BeforeInputEventPlugin.js
index fd23f5ef4f..81fb53da4f 100644
--- a/src/renderers/dom/shared/eventPlugins/BeforeInputEventPlugin.js
+++ b/src/renderers/dom/shared/eventPlugins/BeforeInputEventPlugin.js
@@ -17,15 +17,13 @@ var FallbackCompositionState = require('FallbackCompositionState');
 var SyntheticCompositionEvent = require('SyntheticCompositionEvent');
 var SyntheticInputEvent = require('SyntheticInputEvent');
 
-import type { TopLevelTypes } from 'EventConstants';
+import type {TopLevelTypes} from 'EventConstants';
 
 var END_KEYCODES = [9, 13, 27, 32]; // Tab, Return, Esc, Space
 var START_KEYCODE = 229;
 
-var canUseCompositionEvent = (
-  ExecutionEnvironment.canUseDOM &&
-  'CompositionEvent' in window
-);
+var canUseCompositionEvent = ExecutionEnvironment.canUseDOM &&
+  'CompositionEvent' in window;
 
 var documentMode = null;
 if (ExecutionEnvironment.canUseDOM && 'documentMode' in document) {
@@ -35,23 +33,17 @@ if (ExecutionEnvironment.canUseDOM && 'documentMode' in document) {
 // Webkit offers a very useful `textInput` event that can be used to
 // directly represent `beforeInput`. The IE `textinput` event is not as
 // useful, so we don't use it.
-var canUseTextInputEvent = (
-  ExecutionEnvironment.canUseDOM &&
+var canUseTextInputEvent = ExecutionEnvironment.canUseDOM &&
   'TextEvent' in window &&
   !documentMode &&
-  !isPresto()
-);
+  !isPresto();
 
 // In IE9+, we have access to composition events, but the data supplied
 // by the native compositionend event may be incorrect. Japanese ideographic
 // spaces, for instance (\u3000) are not recorded correctly.
-var useFallbackCompositionData = (
-  ExecutionEnvironment.canUseDOM &&
-  (
-    !canUseCompositionEvent ||
-    (documentMode && documentMode > 8 && documentMode <= 11)
-  )
-);
+var useFallbackCompositionData = ExecutionEnvironment.canUseDOM &&
+  (!canUseCompositionEvent ||
+    (documentMode && documentMode > 8 && documentMode <= 11));
 
 /**
  * Opera <= 12 includes TextEvent in window, but does not fire
@@ -59,11 +51,9 @@ var useFallbackCompositionData = (
  */
 function isPresto() {
   var opera = window.opera;
-  return (
-    typeof opera === 'object' &&
+  return typeof opera === 'object' &&
     typeof opera.version === 'function' &&
-    parseInt(opera.version(), 10) <= 12
-  );
+    parseInt(opera.version(), 10) <= 12;
 }
 
 var SPACEBAR_CODE = 32;
@@ -136,14 +126,11 @@ var hasSpaceKeypress = false;
  * (cut, copy, select-all, etc.) even though no character is inserted.
  */
 function isKeypressCommand(nativeEvent) {
-  return (
-    (nativeEvent.ctrlKey || nativeEvent.altKey || nativeEvent.metaKey) &&
+  return (nativeEvent.ctrlKey || nativeEvent.altKey || nativeEvent.metaKey) &&
     // ctrlKey && altKey is equivalent to AltGr, and is not a command.
-    !(nativeEvent.ctrlKey && nativeEvent.altKey)
-  );
+    !(nativeEvent.ctrlKey && nativeEvent.altKey);
 }
 
-
 /**
  * Translate native top level events into event types.
  *
@@ -170,10 +157,7 @@ function getCompositionEventType(topLevelType) {
  * @return {boolean}
  */
 function isFallbackCompositionStart(topLevelType, nativeEvent) {
-  return (
-    topLevelType === 'topKeyDown' &&
-    nativeEvent.keyCode === START_KEYCODE
-  );
+  return topLevelType === 'topKeyDown' && nativeEvent.keyCode === START_KEYCODE;
 }
 
 /**
@@ -187,11 +171,11 @@ function isFallbackCompositionEnd(topLevelType, nativeEvent) {
   switch (topLevelType) {
     case 'topKeyUp':
       // Command keys insert or clear IME input.
-      return (END_KEYCODES.indexOf(nativeEvent.keyCode) !== -1);
+      return END_KEYCODES.indexOf(nativeEvent.keyCode) !== -1;
     case 'topKeyDown':
       // Expect IME keyCode on each keydown. If we get any other
       // code we must have exited earlier.
-      return (nativeEvent.keyCode !== START_KEYCODE);
+      return nativeEvent.keyCode !== START_KEYCODE;
     case 'topKeyPress':
     case 'topMouseDown':
     case 'topBlur':
@@ -229,7 +213,7 @@ function extractCompositionEvent(
   topLevelType,
   targetInst,
   nativeEvent,
-  nativeEventTarget
+  nativeEventTarget,
 ) {
   var eventType;
   var fallbackData;
@@ -252,8 +236,9 @@ function extractCompositionEvent(
     // The current composition is stored statically and must not be
     // overwritten while composition continues.
     if (!currentComposition && eventType === eventTypes.compositionStart) {
-      currentComposition =
-        FallbackCompositionState.getPooled(nativeEventTarget);
+      currentComposition = FallbackCompositionState.getPooled(
+        nativeEventTarget,
+      );
     } else if (eventType === eventTypes.compositionEnd) {
       if (currentComposition) {
         fallbackData = currentComposition.getData();
@@ -265,7 +250,7 @@ function extractCompositionEvent(
     eventType,
     targetInst,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   );
 
   if (fallbackData) {
@@ -348,9 +333,11 @@ function getFallbackBeforeInputChars(topLevelType: TopLevelTypes, nativeEvent) {
   // If composition event is available, we extract a string only at
   // compositionevent, otherwise extract it at fallback events.
   if (currentComposition) {
-    if (topLevelType === 'topCompositionEnd'
-        || (!canUseCompositionEvent
-            && isFallbackCompositionEnd(topLevelType, nativeEvent))) {
+    if (
+      topLevelType === 'topCompositionEnd' ||
+      (!canUseCompositionEvent &&
+        isFallbackCompositionEnd(topLevelType, nativeEvent))
+    ) {
       var chars = currentComposition.getData();
       FallbackCompositionState.release(currentComposition);
       currentComposition = null;
@@ -402,7 +389,7 @@ function extractBeforeInputEvent(
   topLevelType,
   targetInst,
   nativeEvent,
-  nativeEventTarget
+  nativeEventTarget,
 ) {
   var chars;
 
@@ -422,7 +409,7 @@ function extractBeforeInputEvent(
     eventTypes.beforeInput,
     targetInst,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   );
 
   event.data = chars;
@@ -449,27 +436,26 @@ function extractBeforeInputEvent(
  * `composition` event types.
  */
 var BeforeInputEventPlugin = {
-
   eventTypes: eventTypes,
 
   extractEvents: function(
     topLevelType,
     targetInst,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   ) {
     return [
       extractCompositionEvent(
         topLevelType,
         targetInst,
         nativeEvent,
-        nativeEventTarget
+        nativeEventTarget,
       ),
       extractBeforeInputEvent(
         topLevelType,
         targetInst,
         nativeEvent,
-        nativeEventTarget
+        nativeEventTarget,
       ),
     ];
   },
diff --git a/src/renderers/dom/shared/eventPlugins/ChangeEventPlugin.js b/src/renderers/dom/shared/eventPlugins/ChangeEventPlugin.js
index fcc39015b3..4a026bcbea 100644
--- a/src/renderers/dom/shared/eventPlugins/ChangeEventPlugin.js
+++ b/src/renderers/dom/shared/eventPlugins/ChangeEventPlugin.js
@@ -48,7 +48,7 @@ function createAndAccumulateChangeEvent(inst, nativeEvent, target) {
     eventTypes.change,
     inst,
     nativeEvent,
-    target
+    target,
   );
   event.type = 'change';
   // Flag this event loop as needing state restore.
@@ -62,32 +62,27 @@ function createAndAccumulateChangeEvent(inst, nativeEvent, target) {
 var activeElement = null;
 var activeElementInst = null;
 
-
-
 /**
  * SECTION: handle `change` event
  */
 function shouldUseChangeEvent(elem) {
   var nodeName = elem.nodeName && elem.nodeName.toLowerCase();
-  return (
-    nodeName === 'select' ||
-    (nodeName === 'input' && elem.type === 'file')
-  );
+  return nodeName === 'select' ||
+    (nodeName === 'input' && elem.type === 'file');
 }
 
 var doesChangeEventBubble = false;
 if (ExecutionEnvironment.canUseDOM) {
   // See `handleChange` comment below
-  doesChangeEventBubble = isEventSupported('change') && (
-    !document.documentMode || document.documentMode > 8
-  );
+  doesChangeEventBubble = isEventSupported('change') &&
+    (!document.documentMode || document.documentMode > 8);
 }
 
 function manualDispatchChangeEvent(nativeEvent) {
   var event = createAndAccumulateChangeEvent(
     activeElementInst,
     nativeEvent,
-    getEventTarget(nativeEvent)
+    getEventTarget(nativeEvent),
   );
 
   // If change and propertychange bubbled, we'd just bind to it like all the
@@ -130,20 +125,13 @@ function getInstIfValueChanged(targetInst) {
   }
 }
 
-function getTargetInstForChangeEvent(
-  topLevelType,
-  targetInst
-) {
+function getTargetInstForChangeEvent(topLevelType, targetInst) {
   if (topLevelType === 'topChange') {
     return targetInst;
   }
 }
 
-function handleEventsForChangeEventIE8(
-  topLevelType,
-  target,
-  targetInst
-) {
+function handleEventsForChangeEventIE8(topLevelType, target, targetInst) {
   if (topLevelType === 'topFocus') {
     // stopWatching() should be a noop here but we call it just in case we
     // missed a blur event somehow.
@@ -154,7 +142,6 @@ function handleEventsForChangeEventIE8(
   }
 }
 
-
 /**
  * SECTION: handle `input` event
  */
@@ -162,12 +149,10 @@ var isInputEventSupported = false;
 if (ExecutionEnvironment.canUseDOM) {
   // IE9 claims to support the input event but fails to trigger it when
   // deleting text, so we ignore its input events.
-  isInputEventSupported = isEventSupported('input') && (
-    !document.documentMode || document.documentMode > 9
-  );
+  isInputEventSupported = isEventSupported('input') &&
+    (!document.documentMode || document.documentMode > 9);
 }
 
-
 /**
  * (For IE <=9) Starts tracking propertychange events on the passed-in element
  * and override the value property so that we can distinguish user events from
@@ -205,11 +190,7 @@ function handlePropertyChange(nativeEvent) {
   }
 }
 
-function handleEventsForInputEventPolyfill(
-  topLevelType,
-  target,
-  targetInst
-) {
+function handleEventsForInputEventPolyfill(topLevelType, target, targetInst) {
   if (topLevelType === 'topFocus') {
     // In IE8, we can capture almost all .value changes by adding a
     // propertychange handler and looking for events with propertyName
@@ -232,13 +213,12 @@ function handleEventsForInputEventPolyfill(
 }
 
 // For IE8 and IE9.
-function getTargetInstForInputEventPolyfill(
-  topLevelType,
-  targetInst
-) {
-  if (topLevelType === 'topSelectionChange' ||
-      topLevelType === 'topKeyUp' ||
-      topLevelType === 'topKeyDown') {
+function getTargetInstForInputEventPolyfill(topLevelType, targetInst) {
+  if (
+    topLevelType === 'topSelectionChange' ||
+    topLevelType === 'topKeyUp' ||
+    topLevelType === 'topKeyDown'
+  ) {
     // On the selectionchange event, the target is just document which isn't
     // helpful for us so just check activeElement instead.
     //
@@ -253,7 +233,6 @@ function getTargetInstForInputEventPolyfill(
   }
 }
 
-
 /**
  * SECTION: handle `click` event
  */
@@ -262,29 +241,19 @@ function shouldUseClickEvent(elem) {
   // This approach works across all browsers, whereas `change` does not fire
   // until `blur` in IE8.
   var nodeName = elem.nodeName;
-  return (
-    (nodeName && nodeName.toLowerCase() === 'input') &&
-    (elem.type === 'checkbox' || elem.type === 'radio')
-  );
+  return nodeName &&
+    nodeName.toLowerCase() === 'input' &&
+    (elem.type === 'checkbox' || elem.type === 'radio');
 }
 
-function getTargetInstForClickEvent(
-  topLevelType,
-  targetInst
-) {
+function getTargetInstForClickEvent(topLevelType, targetInst) {
   if (topLevelType === 'topClick') {
     return getInstIfValueChanged(targetInst);
   }
 }
 
-function getTargetInstForInputOrChangeEvent(
-  topLevelType,
-  targetInst
-) {
-  if (
-    topLevelType === 'topInput' ||
-    topLevelType === 'topChange'
-  ) {
+function getTargetInstForInputOrChangeEvent(topLevelType, targetInst) {
+  if (topLevelType === 'topInput' || topLevelType === 'topChange') {
     return getInstIfValueChanged(targetInst);
   }
 }
@@ -300,7 +269,6 @@ function getTargetInstForInputOrChangeEvent(
  * - select
  */
 var ChangeEventPlugin = {
-
   eventTypes: eventTypes,
 
   _isInputEventSupported: isInputEventSupported,
@@ -309,10 +277,11 @@ var ChangeEventPlugin = {
     topLevelType,
     targetInst,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   ) {
-    var targetNode = targetInst ?
-      ReactDOMComponentTree.getNodeFromInstance(targetInst) : window;
+    var targetNode = targetInst
+      ? ReactDOMComponentTree.getNodeFromInstance(targetInst)
+      : window;
 
     var getTargetInstFunc, handleEventFunc;
     if (shouldUseChangeEvent(targetNode)) {
@@ -338,21 +307,16 @@ var ChangeEventPlugin = {
         var event = createAndAccumulateChangeEvent(
           inst,
           nativeEvent,
-          nativeEventTarget
+          nativeEventTarget,
         );
         return event;
       }
     }
 
     if (handleEventFunc) {
-      handleEventFunc(
-        topLevelType,
-        targetNode,
-        targetInst
-      );
+      handleEventFunc(topLevelType, targetNode, targetInst);
     }
   },
-
 };
 
 module.exports = ChangeEventPlugin;
diff --git a/src/renderers/dom/shared/eventPlugins/EnterLeaveEventPlugin.js b/src/renderers/dom/shared/eventPlugins/EnterLeaveEventPlugin.js
index 9c0ebc6420..fa9925f144 100644
--- a/src/renderers/dom/shared/eventPlugins/EnterLeaveEventPlugin.js
+++ b/src/renderers/dom/shared/eventPlugins/EnterLeaveEventPlugin.js
@@ -18,22 +18,15 @@ var SyntheticMouseEvent = require('SyntheticMouseEvent');
 var eventTypes = {
   mouseEnter: {
     registrationName: 'onMouseEnter',
-    dependencies: [
-      'topMouseOut',
-      'topMouseOver',
-    ],
+    dependencies: ['topMouseOut', 'topMouseOver'],
   },
   mouseLeave: {
     registrationName: 'onMouseLeave',
-    dependencies: [
-      'topMouseOut',
-      'topMouseOver',
-    ],
+    dependencies: ['topMouseOut', 'topMouseOver'],
   },
 };
 
 var EnterLeaveEventPlugin = {
-
   eventTypes: eventTypes,
 
   /**
@@ -47,14 +40,15 @@ var EnterLeaveEventPlugin = {
     topLevelType,
     targetInst,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   ) {
-    if (topLevelType === 'topMouseOver' &&
-        (nativeEvent.relatedTarget || nativeEvent.fromElement)) {
+    if (
+      topLevelType === 'topMouseOver' &&
+      (nativeEvent.relatedTarget || nativeEvent.fromElement)
+    ) {
       return null;
     }
-    if (topLevelType !== 'topMouseOut' &&
-        topLevelType !== 'topMouseOver') {
+    if (topLevelType !== 'topMouseOut' && topLevelType !== 'topMouseOver') {
       // Must not be a mouse in or mouse out - ignoring.
       return null;
     }
@@ -78,8 +72,9 @@ var EnterLeaveEventPlugin = {
     if (topLevelType === 'topMouseOut') {
       from = targetInst;
       var related = nativeEvent.relatedTarget || nativeEvent.toElement;
-      to = related ?
-        ReactDOMComponentTree.getClosestInstanceFromNode(related) : null;
+      to = related
+        ? ReactDOMComponentTree.getClosestInstanceFromNode(related)
+        : null;
     } else {
       // Moving to a node from outside the window.
       from = null;
@@ -91,16 +86,18 @@ var EnterLeaveEventPlugin = {
       return null;
     }
 
-    var fromNode =
-      from == null ? win : ReactDOMComponentTree.getNodeFromInstance(from);
-    var toNode =
-      to == null ? win : ReactDOMComponentTree.getNodeFromInstance(to);
+    var fromNode = from == null
+      ? win
+      : ReactDOMComponentTree.getNodeFromInstance(from);
+    var toNode = to == null
+      ? win
+      : ReactDOMComponentTree.getNodeFromInstance(to);
 
     var leave = SyntheticMouseEvent.getPooled(
       eventTypes.mouseLeave,
       from,
       nativeEvent,
-      nativeEventTarget
+      nativeEventTarget,
     );
     leave.type = 'mouseleave';
     leave.target = fromNode;
@@ -110,7 +107,7 @@ var EnterLeaveEventPlugin = {
       eventTypes.mouseEnter,
       to,
       nativeEvent,
-      nativeEventTarget
+      nativeEventTarget,
     );
     enter.type = 'mouseenter';
     enter.target = toNode;
@@ -120,7 +117,6 @@ var EnterLeaveEventPlugin = {
 
     return [leave, enter];
   },
-
 };
 
 module.exports = EnterLeaveEventPlugin;
diff --git a/src/renderers/dom/shared/eventPlugins/SelectEventPlugin.js b/src/renderers/dom/shared/eventPlugins/SelectEventPlugin.js
index 92356beea9..c4a51ff712 100644
--- a/src/renderers/dom/shared/eventPlugins/SelectEventPlugin.js
+++ b/src/renderers/dom/shared/eventPlugins/SelectEventPlugin.js
@@ -22,11 +22,9 @@ var getActiveElement = require('fbjs/lib/getActiveElement');
 var isTextInputElement = require('isTextInputElement');
 var shallowEqual = require('fbjs/lib/shallowEqual');
 
-var skipSelectionChangeEvent = (
-  ExecutionEnvironment.canUseDOM &&
+var skipSelectionChangeEvent = ExecutionEnvironment.canUseDOM &&
   'documentMode' in document &&
-  document.documentMode <= 11
-);
+  document.documentMode <= 11;
 
 var eventTypes = {
   select: {
@@ -54,8 +52,7 @@ var mouseDown = false;
 
 // Track whether all listeners exists for this plugin. If none exist, we do
 // not extract events. See #3639.
-var isListeningToAllDependencies =
-  ReactBrowserEventEmitter.isListeningToAllDependencies;
+var isListeningToAllDependencies = ReactBrowserEventEmitter.isListeningToAllDependencies;
 
 /**
  * Get an object which is a unique representation of the current selection.
@@ -67,8 +64,10 @@ var isListeningToAllDependencies =
  * @return {object}
  */
 function getSelection(node) {
-  if ('selectionStart' in node &&
-      ReactInputSelection.hasSelectionCapabilities(node)) {
+  if (
+    'selectionStart' in node &&
+    ReactInputSelection.hasSelectionCapabilities(node)
+  ) {
     return {
       start: node.selectionStart,
       end: node.selectionEnd,
@@ -103,9 +102,9 @@ function constructSelectEvent(nativeEvent, nativeEventTarget) {
   // selection (this matches native `select` event behavior). In HTML5, select
   // fires only on input and textarea thus if there's no focused element we
   // won't dispatch.
-  if (mouseDown ||
-      activeElement == null ||
-      activeElement !== getActiveElement()) {
+  if (
+    mouseDown || activeElement == null || activeElement !== getActiveElement()
+  ) {
     return null;
   }
 
@@ -118,7 +117,7 @@ function constructSelectEvent(nativeEvent, nativeEventTarget) {
       eventTypes.select,
       activeElementInst,
       nativeEvent,
-      nativeEventTarget
+      nativeEventTarget,
     );
 
     syntheticEvent.type = 'select';
@@ -147,32 +146,34 @@ function constructSelectEvent(nativeEvent, nativeEventTarget) {
  * - Fires after user input.
  */
 var SelectEventPlugin = {
-
   eventTypes: eventTypes,
 
   extractEvents: function(
     topLevelType,
     targetInst,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   ) {
-    var doc = nativeEventTarget.window === nativeEventTarget ?
-      nativeEventTarget.document :
-      nativeEventTarget.nodeType === 9 ?
-      nativeEventTarget :
-      nativeEventTarget.ownerDocument;
+    var doc = nativeEventTarget.window === nativeEventTarget
+      ? nativeEventTarget.document
+      : nativeEventTarget.nodeType === 9
+          ? nativeEventTarget
+          : nativeEventTarget.ownerDocument;
     if (!doc || !isListeningToAllDependencies('onSelect', doc)) {
       return null;
     }
 
-    var targetNode = targetInst ?
-      ReactDOMComponentTree.getNodeFromInstance(targetInst) : window;
+    var targetNode = targetInst
+      ? ReactDOMComponentTree.getNodeFromInstance(targetInst)
+      : window;
 
     switch (topLevelType) {
       // Track the input node that has focus.
       case 'topFocus':
-        if (isTextInputElement(targetNode) ||
-            targetNode.contentEditable === 'true') {
+        if (
+          isTextInputElement(targetNode) ||
+          targetNode.contentEditable === 'true'
+        ) {
           activeElement = targetNode;
           activeElementInst = targetInst;
           lastSelection = null;
@@ -207,7 +208,7 @@ var SelectEventPlugin = {
         if (skipSelectionChangeEvent) {
           break;
         }
-        // falls through
+      // falls through
       case 'topKeyDown':
       case 'topKeyUp':
         return constructSelectEvent(nativeEvent, nativeEventTarget);
@@ -215,7 +216,6 @@ var SelectEventPlugin = {
 
     return null;
   },
-
 };
 
 module.exports = SelectEventPlugin;
diff --git a/src/renderers/dom/shared/eventPlugins/SimpleEventPlugin.js b/src/renderers/dom/shared/eventPlugins/SimpleEventPlugin.js
index d77611648c..26a4561789 100644
--- a/src/renderers/dom/shared/eventPlugins/SimpleEventPlugin.js
+++ b/src/renderers/dom/shared/eventPlugins/SimpleEventPlugin.js
@@ -34,10 +34,7 @@ import type {
   ReactSyntheticEvent,
 } from 'ReactSyntheticEventType';
 import type {ReactInstance} from 'ReactInstanceType';
-import type {
-  EventTypes,
-  PluginModule,
-} from 'PluginModuleType';
+import type {EventTypes, PluginModule} from 'PluginModuleType';
 
 /**
  * Turns
@@ -142,7 +139,6 @@ var topLevelEventsToDispatchConfig: {[key: TopLevelTypes]: DispatchConfig} = {};
 });
 
 var SimpleEventPlugin: PluginModule<MouseEvent> = {
-
   eventTypes: eventTypes,
 
   extractEvents: function(
@@ -199,7 +195,7 @@ var SimpleEventPlugin: PluginModule<MouseEvent> = {
         if (getEventCharCode(nativeEvent) === 0) {
           return null;
         }
-        /* falls through */
+      /* falls through */
       case 'topKeyDown':
       case 'topKeyUp':
         EventConstructor = SyntheticKeyboardEvent;
@@ -214,13 +210,13 @@ var SimpleEventPlugin: PluginModule<MouseEvent> = {
         if (nativeEvent.button === 2) {
           return null;
         }
-        /* falls through */
+      /* falls through */
       case 'topDoubleClick':
       case 'topMouseDown':
       case 'topMouseMove':
       case 'topMouseUp':
-        // TODO: Disabled elements should not respond to mouse events
-        /* falls through */
+      // TODO: Disabled elements should not respond to mouse events
+      /* falls through */
       case 'topMouseOut':
       case 'topMouseOver':
       case 'topContextMenu':
@@ -265,18 +261,17 @@ var SimpleEventPlugin: PluginModule<MouseEvent> = {
     invariant(
       EventConstructor,
       'SimpleEventPlugin: Unhandled event type, `%s`.',
-      topLevelType
+      topLevelType,
     );
     var event = EventConstructor.getPooled(
       dispatchConfig,
       targetInst,
       nativeEvent,
-      nativeEventTarget
+      nativeEventTarget,
     );
     EventPropagators.accumulateTwoPhaseDispatches(event);
     return event;
   },
-
 };
 
 module.exports = SimpleEventPlugin;
diff --git a/src/renderers/dom/shared/eventPlugins/TapEventPlugin.js b/src/renderers/dom/shared/eventPlugins/TapEventPlugin.js
index 1d0a563bdf..24a0d2eff6 100644
--- a/src/renderers/dom/shared/eventPlugins/TapEventPlugin.js
+++ b/src/renderers/dom/shared/eventPlugins/TapEventPlugin.js
@@ -21,10 +21,7 @@ var ViewportMetrics = require('ViewportMetrics');
 var isStartish = EventPluginUtils.isStartish;
 var isEndish = EventPluginUtils.isEndish;
 
-import type {
-  EventTypes,
-  PluginModule,
-} from 'PluginModuleType';
+import type {EventTypes, PluginModule} from 'PluginModuleType';
 import type {ReactInstance} from 'ReactInstanceType';
 import type {TopLevelTypes} from 'EventConstants';
 
@@ -35,14 +32,10 @@ import type {TopLevelTypes} from 'EventConstants';
  * "Indexable signature not found in Touch".
  * See https://github.com/facebook/flow/issues/1323
  */
-type TouchPropertyKey =
-  'clientX' |
-  'clientY' |
-  'pageX' |
-  'pageY';
+type TouchPropertyKey = 'clientX' | 'clientY' | 'pageX' | 'pageY';
 
 declare class _Touch extends Touch {
-  [key: TouchPropertyKey]: number;
+  [key: TouchPropertyKey]: number,
 }
 
 type AxisCoordinateData = {
@@ -81,20 +74,17 @@ function getAxisCoordOfEvent(
   if (singleTouch) {
     return singleTouch[axis.page];
   }
-  return axis.page in nativeEvent ?
-    nativeEvent[axis.page] :
-    nativeEvent[axis.client] + ViewportMetrics[axis.envScroll];
+  return axis.page in nativeEvent
+    ? nativeEvent[axis.page]
+    : nativeEvent[axis.client] + ViewportMetrics[axis.envScroll];
 }
 
-function getDistance(
-  coords: CoordinatesType,
-  nativeEvent: _Touch,
-): number {
+function getDistance(coords: CoordinatesType, nativeEvent: _Touch): number {
   var pageX = getAxisCoordOfEvent(Axis.x, nativeEvent);
   var pageY = getAxisCoordOfEvent(Axis.y, nativeEvent);
   return Math.pow(
     Math.pow(pageX - coords.x, 2) + Math.pow(pageY - coords.y, 2),
-    0.5
+    0.5,
   );
 }
 
@@ -105,11 +95,9 @@ var touchEvents = [
   'topTouchMove',
 ];
 
-var dependencies = [
-  'topMouseDown',
-  'topMouseMove',
-  'topMouseUp',
-].concat(touchEvents);
+var dependencies = ['topMouseDown', 'topMouseMove', 'topMouseUp'].concat(
+  touchEvents,
+);
 
 var eventTypes: EventTypes = {
   touchTap: {
@@ -126,7 +114,6 @@ var usedTouchTime = 0;
 var TOUCH_DELAY = 1000;
 
 var TapEventPlugin: PluginModule<_Touch> = {
-
   tapMoveThreshold: tapMoveThreshold,
 
   eventTypes: eventTypes,
@@ -147,7 +134,7 @@ var TapEventPlugin: PluginModule<_Touch> = {
       usedTouch = true;
       usedTouchTime = Date.now();
     } else {
-      if (usedTouch && (Date.now() - usedTouchTime < TOUCH_DELAY)) {
+      if (usedTouch && Date.now() - usedTouchTime < TOUCH_DELAY) {
         return null;
       }
     }
@@ -158,7 +145,7 @@ var TapEventPlugin: PluginModule<_Touch> = {
         eventTypes.touchTap,
         targetInst,
         nativeEvent,
-        nativeEventTarget
+        nativeEventTarget,
       );
     }
     if (isStartish(topLevelType)) {
@@ -171,7 +158,6 @@ var TapEventPlugin: PluginModule<_Touch> = {
     EventPropagators.accumulateTwoPhaseDispatches(event);
     return event;
   },
-
 };
 
 module.exports = TapEventPlugin;
diff --git a/src/renderers/dom/shared/eventPlugins/__tests__/BeforeInputEventPlugin-test.js b/src/renderers/dom/shared/eventPlugins/__tests__/BeforeInputEventPlugin-test.js
index fda773afce..cc99a00dbc 100644
--- a/src/renderers/dom/shared/eventPlugins/__tests__/BeforeInputEventPlugin-test.js
+++ b/src/renderers/dom/shared/eventPlugins/__tests__/BeforeInputEventPlugin-test.js
@@ -15,12 +15,12 @@ var React = require('react');
 var ReactTestUtils = require('ReactTestUtils');
 
 var EventMapping = {
-  compositionstart : 'topCompositionStart',
-  compositionend   : 'topCompositionEnd',
-  keyup            : 'topKeyUp',
-  keydown          : 'topKeyDown',
-  textInput        : 'topTextInput',
-  textinput        : null, // Not defined now
+  compositionstart: 'topCompositionStart',
+  compositionend: 'topCompositionEnd',
+  keyup: 'topKeyUp',
+  keydown: 'topKeyDown',
+  textInput: 'topTextInput',
+  textinput: null, // Not defined now
 };
 
 describe('BeforeInputEventPlugin', function() {
@@ -62,12 +62,12 @@ describe('BeforeInputEventPlugin', function() {
       EventMapping[eventType],
       ModuleCache.ReactDOMComponentTree.getInstanceFromNode(node),
       evt,
-      node
+      node,
     );
   }
 
   function setElementText(node) {
-    return (args) => node.innerHTML = args;
+    return args => node.innerHTML = args;
   }
 
   function accumulateEvents(node, events) {
@@ -94,8 +94,9 @@ describe('BeforeInputEventPlugin', function() {
           // Both are null.  Expected.
         } else if (actual === null) {
           throw new EventMismatchError(idx, 'Expected not to be null');
-        } else if (expected.type === null
-                 || !(actual instanceof expected.type)) {
+        } else if (
+          expected.type === null || !(actual instanceof expected.type)
+        ) {
           throw new EventMismatchError(idx, 'Unexpected type: ' + actual);
         } else {
           // Type match.
@@ -103,8 +104,10 @@ describe('BeforeInputEventPlugin', function() {
             if (!(expectedKey in actual)) {
               throw new EventMismatchError(idx, 'KeyNotFound: ' + expectedKey);
             } else if (actual[expectedKey] !== expected.data[expectedKey]) {
-              throw new EventMismatchError(idx,
-                'ValueMismatch: ' + actual[expectedKey]);
+              throw new EventMismatchError(
+                idx,
+                'ValueMismatch: ' + actual[expectedKey],
+              );
             }
           });
         }
@@ -142,16 +145,26 @@ describe('BeforeInputEventPlugin', function() {
   // textInput, SyntheticCompositionEvent at composition, and nothing from
   // keyUp.
   var Expected_Webkit = () => [
-    {type: ModuleCache.SyntheticCompositionEvent, data: {}}, {type: null},
-    {type: null}, {type: ModuleCache.SyntheticInputEvent, data: {data: 'A'}},
-    {type: null}, {type: null}, // textinput of A
-    {type: null}, {type: null}, // keyUp of 65
-    {type: null}, {type: ModuleCache.SyntheticInputEvent, data: {data: 'abc'}},
-    {type: null}, {type: null}, // textinput of abc
-    {type: null}, {type: null}, // keyUp of 32
-    {type: null}, {type: ModuleCache.SyntheticInputEvent, data: {data: 'xyz'}},
-    {type: null}, {type: null}, // textinput of xyz
-    {type: null}, {type: null}, // keyUp of 32
+    {type: ModuleCache.SyntheticCompositionEvent, data: {}},
+    {type: null},
+    {type: null},
+    {type: ModuleCache.SyntheticInputEvent, data: {data: 'A'}},
+    {type: null},
+    {type: null}, // textinput of A
+    {type: null},
+    {type: null}, // keyUp of 65
+    {type: null},
+    {type: ModuleCache.SyntheticInputEvent, data: {data: 'abc'}},
+    {type: null},
+    {type: null}, // textinput of abc
+    {type: null},
+    {type: null}, // keyUp of 32
+    {type: null},
+    {type: ModuleCache.SyntheticInputEvent, data: {data: 'xyz'}},
+    {type: null},
+    {type: null}, // textinput of xyz
+    {type: null},
+    {type: null}, // keyUp of 32
     {type: ModuleCache.SyntheticCompositionEvent, data: {data: 'Hello'}},
     {type: null},
   ];
@@ -161,19 +174,29 @@ describe('BeforeInputEventPlugin', function() {
   // expected to be triggered at compositionend with a text of the target
   // element, not event data.
   var Expected_IE11 = () => [
-    {type: ModuleCache.SyntheticCompositionEvent, data: {}}, {type: null},
-    {type: null}, {type: null}, // textInput of A
-    {type: null}, {type: null}, // textinput of A
-    {type: null}, {type: null}, // keyUp of 65
-    {type: null}, {type: null}, // textInput of abc
-    {type: null}, {type: null}, // textinput of abc
+    {type: ModuleCache.SyntheticCompositionEvent, data: {}},
+    {type: null},
+    {type: null},
+    {type: null}, // textInput of A
+    {type: null},
+    {type: null}, // textinput of A
+    {type: null},
+    {type: null}, // keyUp of 65
+    {type: null},
+    {type: null}, // textInput of abc
+    {type: null},
+    {type: null}, // textinput of abc
 
     // fallbackData should NOT be set at keyUp with any of END_KEYCODES
-    {type: null}, {type: null}, // keyUp of 32
+    {type: null},
+    {type: null}, // keyUp of 32
 
-    {type: null}, {type: null}, // textInput of xyz
-    {type: null}, {type: null}, // textinput of xyz
-    {type: null}, {type: null}, // keyUp of 32
+    {type: null},
+    {type: null}, // textInput of xyz
+    {type: null},
+    {type: null}, // textinput of xyz
+    {type: null},
+    {type: null}, // keyUp of 32
 
     // fallbackData is retrieved from the element, which is XYZ,
     // at a time of compositionend
@@ -185,25 +208,30 @@ describe('BeforeInputEventPlugin', function() {
     ModuleCache = new initialize(Emulator);
 
     var EditableDiv = React.createClass({
-      render: () => (<div contentEditable="true" />),
+      render: () => <div contentEditable="true" />,
     });
     var rendered = ReactTestUtils.renderIntoDocument(<EditableDiv />);
 
     var node = ModuleCache.ReactDOM.findDOMNode(rendered);
     var events = [];
 
-    Scenario.forEach((el) =>
-        el.run.call(this, node, events).apply(this, el.arg));
+    Scenario.forEach(el => el.run.call(this, node, events).apply(this, el.arg));
     verifyEvents(events, ExpectedResult());
   }
 
   it('extract onBeforeInput from native textinput events', function() {
     TestEditableReactComponent(
-      simulateWebkit, Scenario_Composition, Expected_Webkit);
+      simulateWebkit,
+      Scenario_Composition,
+      Expected_Webkit,
+    );
   });
 
   it('extract onBeforeInput from fallback objects', function() {
     TestEditableReactComponent(
-      simulateIE11, Scenario_Composition, Expected_IE11);
+      simulateIE11,
+      Scenario_Composition,
+      Expected_IE11,
+    );
   });
 });
diff --git a/src/renderers/dom/shared/eventPlugins/__tests__/ChangeEventPlugin-test.js b/src/renderers/dom/shared/eventPlugins/__tests__/ChangeEventPlugin-test.js
index 4c789e2d08..f1978fad3a 100644
--- a/src/renderers/dom/shared/eventPlugins/__tests__/ChangeEventPlugin-test.js
+++ b/src/renderers/dom/shared/eventPlugins/__tests__/ChangeEventPlugin-test.js
@@ -48,7 +48,9 @@ describe('ChangeEventPlugin', () => {
       expect(e.type).toBe('change');
     }
 
-    var input = ReactTestUtils.renderIntoDocument(<input type="checkbox" onChange={cb} />);
+    var input = ReactTestUtils.renderIntoDocument(
+      <input type="checkbox" onChange={cb} />,
+    );
 
     setUntrackedValue(input, true);
     ReactTestUtils.SimulateNative.click(input);
@@ -58,7 +60,7 @@ describe('ChangeEventPlugin', () => {
 
   it('should catch setting the value programmatically', () => {
     var input = ReactTestUtils.renderIntoDocument(
-      <input type="text" defaultValue="foo" />
+      <input type="text" defaultValue="foo" />,
     );
 
     input.value = 'bar';
@@ -74,7 +76,7 @@ describe('ChangeEventPlugin', () => {
     }
 
     var input = ReactTestUtils.renderIntoDocument(
-      <input type="text" onChange={cb} defaultValue="foo" />
+      <input type="text" onChange={cb} defaultValue="foo" />,
     );
 
     input.value = 'bar';
@@ -96,7 +98,7 @@ describe('ChangeEventPlugin', () => {
     }
 
     var input = ReactTestUtils.renderIntoDocument(
-      <input type="checkbox" onChange={cb} defaultChecked={true} />
+      <input type="checkbox" onChange={cb} defaultChecked={true} />,
     );
 
     input.checked = true;
@@ -124,7 +126,9 @@ describe('ChangeEventPlugin', () => {
       called += 1;
     }
 
-    var input = ReactTestUtils.renderIntoDocument(<input type="radio" onChange={cb} />);
+    var input = ReactTestUtils.renderIntoDocument(
+      <input type="radio" onChange={cb} />,
+    );
     setUntrackedValue(input, true);
     ReactTestUtils.SimulateNative.click(input);
     ReactTestUtils.SimulateNative.click(input);
@@ -181,7 +185,9 @@ describe('ChangeEventPlugin', () => {
       return;
     }
 
-    var input = ReactTestUtils.renderIntoDocument(<input type="range" onChange={cb} />);
+    var input = ReactTestUtils.renderIntoDocument(
+      <input type="range" onChange={cb} />,
+    );
     setUntrackedValue(input, 'bar');
 
     ReactTestUtils.SimulateNative.input(input);
@@ -201,7 +207,9 @@ describe('ChangeEventPlugin', () => {
       expect(e.type).toBe('change');
     }
 
-    var input = ReactTestUtils.renderIntoDocument(<input type="range" onChange={cb} />);
+    var input = ReactTestUtils.renderIntoDocument(
+      <input type="range" onChange={cb} />,
+    );
     setUntrackedValue(input, '40');
     ReactTestUtils.SimulateNative.input(input);
     ReactTestUtils.SimulateNative.change(input);
diff --git a/src/renderers/dom/shared/eventPlugins/__tests__/EnterLeaveEventPlugin-test.js b/src/renderers/dom/shared/eventPlugins/__tests__/EnterLeaveEventPlugin-test.js
index 499de33da4..010e151a45 100644
--- a/src/renderers/dom/shared/eventPlugins/__tests__/EnterLeaveEventPlugin-test.js
+++ b/src/renderers/dom/shared/eventPlugins/__tests__/EnterLeaveEventPlugin-test.js
@@ -33,18 +33,21 @@ describe('EnterLeaveEventPlugin', () => {
     var iframeDocument = iframe.contentDocument;
 
     iframeDocument.write(
-      '<!DOCTYPE html><html><head></head><body><div></div></body></html>'
+      '<!DOCTYPE html><html><head></head><body><div></div></body></html>',
     );
     iframeDocument.close();
 
-    var component = ReactDOM.render(<div />, iframeDocument.body.getElementsByTagName('div')[0]);
+    var component = ReactDOM.render(
+      <div />,
+      iframeDocument.body.getElementsByTagName('div')[0],
+    );
     var div = ReactDOM.findDOMNode(component);
 
     var extracted = EnterLeaveEventPlugin.extractEvents(
       'topMouseOver',
       ReactDOMComponentTree.getInstanceFromNode(div),
       {target: div},
-      div
+      div,
     );
     expect(extracted.length).toBe(2);
 
diff --git a/src/renderers/dom/shared/eventPlugins/__tests__/SelectEventPlugin-test.js b/src/renderers/dom/shared/eventPlugins/__tests__/SelectEventPlugin-test.js
index c3754642cb..cda04a3502 100644
--- a/src/renderers/dom/shared/eventPlugins/__tests__/SelectEventPlugin-test.js
+++ b/src/renderers/dom/shared/eventPlugins/__tests__/SelectEventPlugin-test.js
@@ -23,7 +23,7 @@ describe('SelectEventPlugin', () => {
       topLevelEvent,
       ReactDOMComponentTree.getInstanceFromNode(node),
       {target: node},
-      node
+      node,
     );
   }
 
@@ -50,11 +50,7 @@ describe('SelectEventPlugin', () => {
     // environment so we need to ensure it gets set for this test to be valid.
     var fakeNativeEvent = function() {};
     fakeNativeEvent.target = node;
-    ReactTestUtils.simulateNativeEventOnNode(
-      'topFocus',
-      node,
-      fakeNativeEvent
-    );
+    ReactTestUtils.simulateNativeEventOnNode('topFocus', node, fakeNativeEvent);
 
     var mousedown = extract(node, 'topMouseDown');
     expect(mousedown).toBe(null);
@@ -73,7 +69,7 @@ describe('SelectEventPlugin', () => {
     var cb = jest.fn();
 
     var rendered = ReactTestUtils.renderIntoDocument(
-      <WithSelect onSelect={cb} />
+      <WithSelect onSelect={cb} />,
     );
     var node = ReactDOM.findDOMNode(rendered);
 
diff --git a/src/renderers/dom/shared/eventPlugins/__tests__/SimpleEventPlugin-test.js b/src/renderers/dom/shared/eventPlugins/__tests__/SimpleEventPlugin-test.js
index 9e7b0ab681..007b7e54f4 100644
--- a/src/renderers/dom/shared/eventPlugins/__tests__/SimpleEventPlugin-test.js
+++ b/src/renderers/dom/shared/eventPlugins/__tests__/SimpleEventPlugin-test.js
@@ -11,7 +11,6 @@
 
 'use strict';
 
-
 describe('SimpleEventPlugin', function() {
   var React;
   var ReactDOM;
@@ -43,13 +42,13 @@ describe('SimpleEventPlugin', function() {
   });
 
   it('A non-interactive tags click when disabled', function() {
-    var element = (<div onClick={ onClick } />);
+    var element = <div onClick={onClick} />;
     expectClickThru(mounted(element));
   });
 
   it('A non-interactive tags clicks bubble when disabled', function() {
     var element = ReactTestUtils.renderIntoDocument(
-      <div onClick={onClick}><div /></div>
+      <div onClick={onClick}><div /></div>,
     );
     var child = ReactDOM.findDOMNode(element).firstChild;
 
@@ -59,7 +58,7 @@ describe('SimpleEventPlugin', function() {
 
   it('does not register a click when clicking a child of a disabled element', function() {
     var element = ReactTestUtils.renderIntoDocument(
-      <button onClick={onClick} disabled={true}><span /></button>
+      <button onClick={onClick} disabled={true}><span /></button>,
     );
     var child = ReactDOM.findDOMNode(element).querySelector('span');
 
@@ -69,7 +68,7 @@ describe('SimpleEventPlugin', function() {
 
   it('triggers click events for children of disabled elements', function() {
     var element = ReactTestUtils.renderIntoDocument(
-      <button disabled={true}><span onClick={onClick} /></button>
+      <button disabled={true}><span onClick={onClick} /></button>,
     );
     var child = ReactDOM.findDOMNode(element).querySelector('span');
 
@@ -81,7 +80,7 @@ describe('SimpleEventPlugin', function() {
     var element = ReactTestUtils.renderIntoDocument(
       <div onClickCapture={onClick}>
         <button disabled={true}><span /></button>
-      </div>
+      </div>,
     );
     var child = ReactDOM.findDOMNode(element).querySelector('span');
 
@@ -91,7 +90,7 @@ describe('SimpleEventPlugin', function() {
 
   it('triggers captured click events for children of disabled elements', function() {
     var element = ReactTestUtils.renderIntoDocument(
-      <button disabled={true}><span onClickCapture={onClick} /></button>
+      <button disabled={true}><span onClickCapture={onClick} /></button>,
     );
     var child = ReactDOM.findDOMNode(element).querySelector('span');
 
@@ -100,9 +99,7 @@ describe('SimpleEventPlugin', function() {
   });
 
   ['button', 'input', 'select', 'textarea'].forEach(function(tagName) {
-
     describe(tagName, function() {
-
       it('should forward clicks when it starts out not disabled', () => {
         var element = React.createElement(tagName, {
           onClick: onClick,
@@ -123,12 +120,12 @@ describe('SimpleEventPlugin', function() {
       it('should forward clicks when it becomes not disabled', () => {
         var container = document.createElement('div');
         var element = ReactDOM.render(
-          React.createElement(tagName, { onClick: onClick, disabled: true }),
-          container
+          React.createElement(tagName, {onClick: onClick, disabled: true}),
+          container,
         );
         element = ReactDOM.render(
-          React.createElement(tagName, { onClick: onClick }),
-          container
+          React.createElement(tagName, {onClick: onClick}),
+          container,
         );
         expectClickThru(element);
       });
@@ -136,12 +133,12 @@ describe('SimpleEventPlugin', function() {
       it('should not forward clicks when it becomes disabled', () => {
         var container = document.createElement('div');
         var element = ReactDOM.render(
-          React.createElement(tagName, { onClick: onClick }),
-          container
+          React.createElement(tagName, {onClick: onClick}),
+          container,
         );
         element = ReactDOM.render(
-          React.createElement(tagName, { onClick: onClick, disabled: true }),
-          container
+          React.createElement(tagName, {onClick: onClick, disabled: true}),
+          container,
         );
         expectNoClickThru(element);
       });
@@ -149,26 +146,25 @@ describe('SimpleEventPlugin', function() {
       it('should work correctly if the listener is changed', () => {
         var container = document.createElement('div');
         var element = ReactDOM.render(
-          React.createElement(tagName, { onClick: onClick, disabled: true }),
-          container
+          React.createElement(tagName, {onClick: onClick, disabled: true}),
+          container,
         );
         element = ReactDOM.render(
-          React.createElement(tagName, { onClick: onClick, disabled: false }),
-          container
+          React.createElement(tagName, {onClick: onClick, disabled: false}),
+          container,
         );
         expectClickThru(element);
       });
     });
   });
 
-
   describe('iOS bubbling click fix', function() {
     // See http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
 
     it('does not add a local click to interactive elements', function() {
       var container = document.createElement('div');
 
-      ReactDOM.render(<button onClick={ onClick } />, container);
+      ReactDOM.render(<button onClick={onClick} />, container);
 
       var node = container.firstChild;
 
@@ -180,7 +176,7 @@ describe('SimpleEventPlugin', function() {
     it('adds a local click listener to non-interactive elements', function() {
       var container = document.createElement('div');
 
-      ReactDOM.render(<div onClick={ onClick } />, container);
+      ReactDOM.render(<div onClick={onClick} />, container);
 
       var node = container.firstChild;
 
diff --git a/src/renderers/dom/shared/findDOMNode.js b/src/renderers/dom/shared/findDOMNode.js
index 7558d8d9f8..ea1ef8d0f4 100644
--- a/src/renderers/dom/shared/findDOMNode.js
+++ b/src/renderers/dom/shared/findDOMNode.js
@@ -24,22 +24,24 @@ let findStack = function(arg) {
   invariant(false, 'Missing injection for stack findDOMNode');
 };
 
-const findDOMNode = function(componentOrElement : Element | ?ReactComponent<any, any, any>) : null | Element | Text {
+const findDOMNode = function(
+  componentOrElement: Element | ?ReactComponent<any, any, any>,
+): null | Element | Text {
   if (__DEV__) {
-    var owner = (ReactCurrentOwner.current : any);
+    var owner = (ReactCurrentOwner.current: any);
     if (owner !== null) {
       var isFiber = typeof owner.tag === 'number';
-      var warnedAboutRefsInRender = isFiber ?
-        owner.stateNode._warnedAboutRefsInRender :
-        owner._warnedAboutRefsInRender;
+      var warnedAboutRefsInRender = isFiber
+        ? owner.stateNode._warnedAboutRefsInRender
+        : owner._warnedAboutRefsInRender;
       warning(
         warnedAboutRefsInRender,
         '%s is accessing findDOMNode inside its render(). ' +
-        'render() should be a pure function of props and state. It should ' +
-        'never access something that requires stale data from the previous ' +
-        'render, such as refs. Move this logic to componentDidMount and ' +
-        'componentDidUpdate instead.',
-        getComponentName(owner) || 'A component'
+          'render() should be a pure function of props and state. It should ' +
+          'never access something that requires stale data from the previous ' +
+          'render, such as refs. Move this logic to componentDidMount and ' +
+          'componentDidUpdate instead.',
+        getComponentName(owner) || 'A component',
       );
       if (isFiber) {
         owner.stateNode._warnedAboutRefsInRender = true;
@@ -65,15 +67,12 @@ const findDOMNode = function(componentOrElement : Element | ?ReactComponent<any,
   }
 
   if (typeof componentOrElement.render === 'function') {
-    invariant(
-      false,
-      'Unable to find node on an unmounted component.'
-    );
+    invariant(false, 'Unable to find node on an unmounted component.');
   } else {
     invariant(
       false,
       'Element appears to be neither ReactComponent nor DOMNode. Keys: %s',
-      Object.keys(componentOrElement)
+      Object.keys(componentOrElement),
     );
   }
 };
diff --git a/src/renderers/dom/shared/hooks/ReactDOMInvalidARIAHook.js b/src/renderers/dom/shared/hooks/ReactDOMInvalidARIAHook.js
index 098023cde7..fb89d76220 100644
--- a/src/renderers/dom/shared/hooks/ReactDOMInvalidARIAHook.js
+++ b/src/renderers/dom/shared/hooks/ReactDOMInvalidARIAHook.js
@@ -36,19 +36,17 @@ function getStackAddendum(debugID) {
 }
 
 function validateProperty(tagName, name, debugID) {
-  if (
-    warnedProperties.hasOwnProperty(name)
-    && warnedProperties[name]
-  ) {
+  if (warnedProperties.hasOwnProperty(name) && warnedProperties[name]) {
     return true;
   }
 
   if (rARIA.test(name)) {
     var lowerCasedName = name.toLowerCase();
-    var standardName =
-      DOMProperty.getPossibleStandardName.hasOwnProperty(lowerCasedName) ?
-        DOMProperty.getPossibleStandardName[lowerCasedName] :
-        null;
+    var standardName = DOMProperty.getPossibleStandardName.hasOwnProperty(
+      lowerCasedName,
+    )
+      ? DOMProperty.getPossibleStandardName[lowerCasedName]
+      : null;
 
     // If this is an aria-* attribute, but is not listed in the known DOM
     // DOM properties, then it is an invalid aria-* attribute.
@@ -63,7 +61,7 @@ function validateProperty(tagName, name, debugID) {
         'Unknown ARIA attribute %s. Did you mean %s?%s',
         name,
         standardName,
-        getStackAddendum(debugID)
+        getStackAddendum(debugID),
       );
       warnedProperties[name] = true;
       return true;
@@ -91,19 +89,19 @@ function warnInvalidARIAProps(type, props, debugID) {
     warning(
       false,
       'Invalid aria prop %s on <%s> tag. ' +
-      'For details, see https://fb.me/invalid-aria-prop%s',
+        'For details, see https://fb.me/invalid-aria-prop%s',
       unknownPropString,
       type,
-      getStackAddendum(debugID)
+      getStackAddendum(debugID),
     );
   } else if (invalidProps.length > 1) {
     warning(
       false,
       'Invalid aria props %s on <%s> tag. ' +
-      'For details, see https://fb.me/invalid-aria-prop%s',
+        'For details, see https://fb.me/invalid-aria-prop%s',
       unknownPropString,
       type,
-      getStackAddendum(debugID)
+      getStackAddendum(debugID),
     );
   }
 }
diff --git a/src/renderers/dom/shared/hooks/ReactDOMNullInputValuePropHook.js b/src/renderers/dom/shared/hooks/ReactDOMNullInputValuePropHook.js
index a1e8cfbe16..92e2cf2c19 100644
--- a/src/renderers/dom/shared/hooks/ReactDOMNullInputValuePropHook.js
+++ b/src/renderers/dom/shared/hooks/ReactDOMNullInputValuePropHook.js
@@ -40,10 +40,10 @@ function validateProperties(type, props, debugID /* Stack only */) {
     warning(
       false,
       '`value` prop on `%s` should not be null. ' +
-      'Consider using the empty string to clear the component or `undefined` ' +
-      'for uncontrolled components.%s',
+        'Consider using the empty string to clear the component or `undefined` ' +
+        'for uncontrolled components.%s',
       type,
-      getStackAddendum(debugID)
+      getStackAddendum(debugID),
     );
 
     didWarnValueNull = true;
diff --git a/src/renderers/dom/shared/hooks/ReactDOMUnknownPropertyHook.js b/src/renderers/dom/shared/hooks/ReactDOMUnknownPropertyHook.js
index 6803bd317a..c603e4ca76 100644
--- a/src/renderers/dom/shared/hooks/ReactDOMUnknownPropertyHook.js
+++ b/src/renderers/dom/shared/hooks/ReactDOMUnknownPropertyHook.js
@@ -46,11 +46,16 @@ if (__DEV__) {
   var warnedProperties = {};
 
   var validateProperty = function(tagName, name, debugID) {
-    if (DOMProperty.properties.hasOwnProperty(name) || DOMProperty.isCustomAttribute(name)) {
+    if (
+      DOMProperty.properties.hasOwnProperty(name) ||
+      DOMProperty.isCustomAttribute(name)
+    ) {
       return true;
     }
-    if (reactProps.hasOwnProperty(name) && reactProps[name] ||
-        warnedProperties.hasOwnProperty(name) && warnedProperties[name]) {
+    if (
+      (reactProps.hasOwnProperty(name) && reactProps[name]) ||
+      (warnedProperties.hasOwnProperty(name) && warnedProperties[name])
+    ) {
       return true;
     }
     if (EventPluginRegistry.registrationNameModules.hasOwnProperty(name)) {
@@ -60,21 +65,17 @@ if (__DEV__) {
     var lowerCasedName = name.toLowerCase();
 
     // data-* attributes should be lowercase; suggest the lowercase version
-    var standardName = (
-      DOMProperty.isCustomAttribute(lowerCasedName) ?
-        lowerCasedName :
-      DOMProperty.getPossibleStandardName.hasOwnProperty(lowerCasedName) ?
-        DOMProperty.getPossibleStandardName[lowerCasedName] :
-        null
-    );
+    var standardName = DOMProperty.isCustomAttribute(lowerCasedName)
+      ? lowerCasedName
+      : DOMProperty.getPossibleStandardName.hasOwnProperty(lowerCasedName)
+          ? DOMProperty.getPossibleStandardName[lowerCasedName]
+          : null;
 
-    var registrationName = (
-      EventPluginRegistry.possibleRegistrationNames.hasOwnProperty(
-        lowerCasedName
-      ) ?
-      EventPluginRegistry.possibleRegistrationNames[lowerCasedName] :
-      null
-    );
+    var registrationName = EventPluginRegistry.possibleRegistrationNames.hasOwnProperty(
+      lowerCasedName,
+    )
+      ? EventPluginRegistry.possibleRegistrationNames[lowerCasedName]
+      : null;
 
     if (standardName != null) {
       warning(
@@ -82,7 +83,7 @@ if (__DEV__) {
         'Unknown DOM property %s. Did you mean %s?%s',
         name,
         standardName,
-        getStackAddendum(debugID)
+        getStackAddendum(debugID),
       );
       return true;
     } else if (registrationName != null) {
@@ -91,7 +92,7 @@ if (__DEV__) {
         'Unknown event handler property %s. Did you mean `%s`?%s',
         name,
         registrationName,
-        getStackAddendum(debugID)
+        getStackAddendum(debugID),
       );
       return true;
     } else {
@@ -113,27 +114,25 @@ var warnUnknownProperties = function(type, props, debugID) {
     }
   }
 
-  var unknownPropString = unknownProps
-    .map(prop => '`' + prop + '`')
-    .join(', ');
+  var unknownPropString = unknownProps.map(prop => '`' + prop + '`').join(', ');
 
   if (unknownProps.length === 1) {
     warning(
       false,
       'Unknown prop %s on <%s> tag. Remove this prop from the element. ' +
-      'For details, see https://fb.me/react-unknown-prop%s',
+        'For details, see https://fb.me/react-unknown-prop%s',
       unknownPropString,
       type,
-      getStackAddendum(debugID)
+      getStackAddendum(debugID),
     );
   } else if (unknownProps.length > 1) {
     warning(
       false,
       'Unknown props %s on <%s> tag. Remove these props from the element. ' +
-      'For details, see https://fb.me/react-unknown-prop%s',
+        'For details, see https://fb.me/react-unknown-prop%s',
       unknownPropString,
       type,
-      getStackAddendum(debugID)
+      getStackAddendum(debugID),
     );
   }
 };
diff --git a/src/renderers/dom/shared/inputValueTracking.js b/src/renderers/dom/shared/inputValueTracking.js
index a6311c184a..5cc50e150b 100644
--- a/src/renderers/dom/shared/inputValueTracking.js
+++ b/src/renderers/dom/shared/inputValueTracking.js
@@ -12,59 +12,56 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { ReactInstance } from 'ReactInstanceType';
+import type {Fiber} from 'ReactFiber';
+import type {ReactInstance} from 'ReactInstanceType';
 
 type ValueTracker = {
-  getValue() : string,
-  setValue(value : string) : void,
-  stopTracking() : void
+  getValue(): string,
+  setValue(value: string): void,
+  stopTracking(): void,
 };
-type WrapperState = { _wrapperState: { valueTracker: ?ValueTracker } };
+type WrapperState = {_wrapperState: {valueTracker: ?ValueTracker}};
 type ElementWithWrapperState = Element & WrapperState;
 type InstanceWithWrapperState = ReactInstance & WrapperState;
 
 var ReactDOMComponentTree = require('ReactDOMComponentTree');
 
-function isCheckable(elem : any) {
+function isCheckable(elem: any) {
   var type = elem.type;
   var nodeName = elem.nodeName;
-  return (
-    (nodeName && nodeName.toLowerCase() === 'input') &&
-    (type === 'checkbox' || type === 'radio')
-  );
+  return nodeName &&
+    nodeName.toLowerCase() === 'input' &&
+    (type === 'checkbox' || type === 'radio');
 }
 
-function getTracker(inst : any) {
+function getTracker(inst: any) {
   if (typeof inst.tag === 'number') {
     inst = inst.stateNode;
   }
   return inst._wrapperState.valueTracker;
 }
 
-function attachTracker(inst : InstanceWithWrapperState, tracker : ?ValueTracker) {
+function attachTracker(inst: InstanceWithWrapperState, tracker: ?ValueTracker) {
   inst._wrapperState.valueTracker = tracker;
 }
 
-function detachTracker(inst : InstanceWithWrapperState) {
+function detachTracker(inst: InstanceWithWrapperState) {
   delete inst._wrapperState.valueTracker;
 }
 
 function getValueFromNode(node) {
   var value;
   if (node) {
-    value = isCheckable(node)
-      ? '' + node.checked
-      : node.value;
+    value = isCheckable(node) ? '' + node.checked : node.value;
   }
   return value;
 }
 
-function trackValueOnNode(node : any, inst : any) : ?ValueTracker {
+function trackValueOnNode(node: any, inst: any): ?ValueTracker {
   var valueField = isCheckable(node) ? 'checked' : 'value';
   var descriptor = Object.getOwnPropertyDescriptor(
     node.constructor.prototype,
-    valueField
+    valueField,
   );
 
   var currentValue = '' + node[valueField];
@@ -110,20 +107,18 @@ function trackValueOnNode(node : any, inst : any) : ?ValueTracker {
 
 var inputValueTracking = {
   // exposed for testing
-  _getTrackerFromNode(node : ElementWithWrapperState) {
-    return getTracker(
-      ReactDOMComponentTree.getInstanceFromNode(node)
-    );
+  _getTrackerFromNode(node: ElementWithWrapperState) {
+    return getTracker(ReactDOMComponentTree.getInstanceFromNode(node));
   },
 
-  trackNode: function(node : ElementWithWrapperState) {
+  trackNode: function(node: ElementWithWrapperState) {
     if (node._wrapperState.valueTracker) {
       return;
     }
     node._wrapperState.valueTracker = trackValueOnNode(node, node);
   },
 
-  track: function(inst : InstanceWithWrapperState) {
+  track: function(inst: InstanceWithWrapperState) {
     if (getTracker(inst)) {
       return;
     }
@@ -131,24 +126,24 @@ var inputValueTracking = {
     attachTracker(inst, trackValueOnNode(node, inst));
   },
 
-  updateValueIfChanged(inst : InstanceWithWrapperState | Fiber) {
+  updateValueIfChanged(inst: InstanceWithWrapperState | Fiber) {
     if (!inst) {
       return false;
     }
     var tracker = getTracker(inst);
 
     if (!tracker) {
-      if (typeof (inst : any).tag === 'number') {
-        inputValueTracking.trackNode((inst : any).stateNode);
+      if (typeof (inst: any).tag === 'number') {
+        inputValueTracking.trackNode((inst: any).stateNode);
       } else {
-        inputValueTracking.track((inst : any));
+        inputValueTracking.track((inst: any));
       }
       return true;
     }
 
     var lastValue = tracker.getValue();
     var nextValue = getValueFromNode(
-      ReactDOMComponentTree.getNodeFromInstance(inst)
+      ReactDOMComponentTree.getNodeFromInstance(inst),
     );
 
     if (nextValue !== lastValue) {
@@ -159,7 +154,7 @@ var inputValueTracking = {
     return false;
   },
 
-  stopTracking(inst : InstanceWithWrapperState | Fiber) {
+  stopTracking(inst: InstanceWithWrapperState | Fiber) {
     var tracker = getTracker(inst);
     if (tracker) {
       tracker.stopTracking();
diff --git a/src/renderers/dom/shared/setInnerHTML.js b/src/renderers/dom/shared/setInnerHTML.js
index 5b5f2ec90e..70304e1951 100644
--- a/src/renderers/dom/shared/setInnerHTML.js
+++ b/src/renderers/dom/shared/setInnerHTML.js
@@ -30,23 +30,22 @@ var reusableSVGContainer;
  * @param {string} html
  * @internal
  */
-var setInnerHTML = createMicrosoftUnsafeLocalFunction(
-  function(node, html) {
-    // IE does not have innerHTML for SVG nodes, so instead we inject the
-    // new markup in a temp node and then move the child nodes across into
-    // the target node
-    if (node.namespaceURI === DOMNamespaces.svg && !('innerHTML' in node)) {
-      reusableSVGContainer = reusableSVGContainer || document.createElement('div');
-      reusableSVGContainer.innerHTML = '<svg>' + html + '</svg>';
-      var svgNode = reusableSVGContainer.firstChild;
-      while (svgNode.firstChild) {
-        node.appendChild(svgNode.firstChild);
-      }
-    } else {
-      node.innerHTML = html;
+var setInnerHTML = createMicrosoftUnsafeLocalFunction(function(node, html) {
+  // IE does not have innerHTML for SVG nodes, so instead we inject the
+  // new markup in a temp node and then move the child nodes across into
+  // the target node
+  if (node.namespaceURI === DOMNamespaces.svg && !('innerHTML' in node)) {
+    reusableSVGContainer = reusableSVGContainer ||
+      document.createElement('div');
+    reusableSVGContainer.innerHTML = '<svg>' + html + '</svg>';
+    var svgNode = reusableSVGContainer.firstChild;
+    while (svgNode.firstChild) {
+      node.appendChild(svgNode.firstChild);
     }
+  } else {
+    node.innerHTML = html;
   }
-);
+});
 
 if (ExecutionEnvironment.canUseDOM) {
   // IE8: When updating a just created node with innerHTML only leading
@@ -72,15 +71,17 @@ if (ExecutionEnvironment.canUseDOM) {
       // thin air on IE8, this only happens if there is no visible text
       // in-front of the non-visible tags. Piggyback on the whitespace fix
       // and simply check if any non-visible tags appear in the source.
-      if (WHITESPACE_TEST.test(html) ||
-          html[0] === '<' && NONVISIBLE_TEST.test(html)) {
+      if (
+        WHITESPACE_TEST.test(html) ||
+        (html[0] === '<' && NONVISIBLE_TEST.test(html))
+      ) {
         // Recover leading whitespace by temporarily prepending any character.
         // \uFEFF has the potential advantage of being zero-width/invisible.
         // UglifyJS drops U+FEFF chars when parsing, so use String.fromCharCode
         // in hopes that this is preserved even if "\uFEFF" is transformed to
         // the actual Unicode character (by Babel, for example).
         // https://github.com/mishoo/UglifyJS2/blob/v2.4.20/lib/parse.js#L216
-        node.innerHTML = String.fromCharCode(0xFEFF) + html;
+        node.innerHTML = String.fromCharCode(0xfeff) + html;
 
         // deleteData leaves an empty `TextNode` which offsets the index of all
         // children. Definitely want to avoid this.
diff --git a/src/renderers/dom/shared/setTextContent.js b/src/renderers/dom/shared/setTextContent.js
index 5e035342b0..64db36c40b 100644
--- a/src/renderers/dom/shared/setTextContent.js
+++ b/src/renderers/dom/shared/setTextContent.js
@@ -29,7 +29,9 @@ var setTextContent = function(node, text) {
   if (text) {
     var firstChild = node.firstChild;
 
-    if (firstChild && firstChild === node.lastChild && firstChild.nodeType === 3) {
+    if (
+      firstChild && firstChild === node.lastChild && firstChild.nodeType === 3
+    ) {
       firstChild.nodeValue = text;
       return;
     }
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticAnimationEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticAnimationEvent.js
index 17b6f368b1..1a6925a11b 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticAnimationEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticAnimationEvent.js
@@ -34,14 +34,17 @@ function SyntheticAnimationEvent(
   dispatchConfig,
   dispatchMarker,
   nativeEvent,
-  nativeEventTarget
+  nativeEventTarget,
 ) {
-  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+  return SyntheticEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
-SyntheticEvent.augmentClass(
-  SyntheticAnimationEvent,
-  AnimationEventInterface
-);
+SyntheticEvent.augmentClass(SyntheticAnimationEvent, AnimationEventInterface);
 
 module.exports = SyntheticAnimationEvent;
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticClipboardEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticClipboardEvent.js
index cd0d4b2264..e277334b64 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticClipboardEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticClipboardEvent.js
@@ -19,11 +19,9 @@ var SyntheticEvent = require('SyntheticEvent');
  */
 var ClipboardEventInterface = {
   clipboardData: function(event) {
-    return (
-      'clipboardData' in event ?
-        event.clipboardData :
-        window.clipboardData
-    );
+    return 'clipboardData' in event
+      ? event.clipboardData
+      : window.clipboardData;
   },
 };
 
@@ -33,8 +31,19 @@ var ClipboardEventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @extends {SyntheticUIEvent}
  */
-function SyntheticClipboardEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function SyntheticClipboardEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticEvent.augmentClass(SyntheticClipboardEvent, ClipboardEventInterface);
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticCompositionEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticCompositionEvent.js
index 35b7f7ce18..77c53c5c9d 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticCompositionEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticCompositionEvent.js
@@ -31,14 +31,20 @@ function SyntheticCompositionEvent(
   dispatchConfig,
   dispatchMarker,
   nativeEvent,
-  nativeEventTarget
+  nativeEventTarget,
 ) {
-  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+  return SyntheticEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticEvent.augmentClass(
   SyntheticCompositionEvent,
-  CompositionEventInterface
+  CompositionEventInterface,
 );
 
 module.exports = SyntheticCompositionEvent;
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticDragEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticDragEvent.js
index f5d97420b3..3f74638f93 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticDragEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticDragEvent.js
@@ -27,8 +27,19 @@ var DragEventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @extends {SyntheticUIEvent}
  */
-function SyntheticDragEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticMouseEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function SyntheticDragEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticMouseEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticMouseEvent.augmentClass(SyntheticDragEvent, DragEventInterface);
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticFocusEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticFocusEvent.js
index e145b8a434..de0616834b 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticFocusEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticFocusEvent.js
@@ -27,8 +27,19 @@ var FocusEventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @extends {SyntheticUIEvent}
  */
-function SyntheticFocusEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function SyntheticFocusEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticUIEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticUIEvent.augmentClass(SyntheticFocusEvent, FocusEventInterface);
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticInputEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticInputEvent.js
index ba99c7c894..2639d3b53b 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticInputEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticInputEvent.js
@@ -32,14 +32,17 @@ function SyntheticInputEvent(
   dispatchConfig,
   dispatchMarker,
   nativeEvent,
-  nativeEventTarget
+  nativeEventTarget,
 ) {
-  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+  return SyntheticEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
-SyntheticEvent.augmentClass(
-  SyntheticInputEvent,
-  InputEventInterface
-);
+SyntheticEvent.augmentClass(SyntheticInputEvent, InputEventInterface);
 
 module.exports = SyntheticInputEvent;
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticKeyboardEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticKeyboardEvent.js
index ce71c17ca8..8cc554b936 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticKeyboardEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticKeyboardEvent.js
@@ -75,8 +75,19 @@ var KeyboardEventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @extends {SyntheticUIEvent}
  */
-function SyntheticKeyboardEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function SyntheticKeyboardEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticUIEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticUIEvent.augmentClass(SyntheticKeyboardEvent, KeyboardEventInterface);
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticMouseEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticMouseEvent.js
index e8962b9ade..6ff156c564 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticMouseEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticMouseEvent.js
@@ -46,22 +46,21 @@ var MouseEventInterface = {
   },
   buttons: null,
   relatedTarget: function(event) {
-    return event.relatedTarget || (
-      event.fromElement === event.srcElement ?
-        event.toElement :
-        event.fromElement
-    );
+    return event.relatedTarget ||
+      (event.fromElement === event.srcElement
+        ? event.toElement
+        : event.fromElement);
   },
   // "Proprietary" Interface.
   pageX: function(event) {
-    return 'pageX' in event ?
-      event.pageX :
-      event.clientX + ViewportMetrics.currentScrollLeft;
+    return 'pageX' in event
+      ? event.pageX
+      : event.clientX + ViewportMetrics.currentScrollLeft;
   },
   pageY: function(event) {
-    return 'pageY' in event ?
-      event.pageY :
-      event.clientY + ViewportMetrics.currentScrollTop;
+    return 'pageY' in event
+      ? event.pageY
+      : event.clientY + ViewportMetrics.currentScrollTop;
   },
 };
 
@@ -71,8 +70,19 @@ var MouseEventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @extends {SyntheticUIEvent}
  */
-function SyntheticMouseEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function SyntheticMouseEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticUIEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticUIEvent.augmentClass(SyntheticMouseEvent, MouseEventInterface);
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticTouchEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticTouchEvent.js
index 38078a732c..a954c9fec1 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticTouchEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticTouchEvent.js
@@ -36,8 +36,19 @@ var TouchEventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @extends {SyntheticUIEvent}
  */
-function SyntheticTouchEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticUIEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function SyntheticTouchEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticUIEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticUIEvent.augmentClass(SyntheticTouchEvent, TouchEventInterface);
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticTransitionEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticTransitionEvent.js
index 982410f786..4b9087a1cb 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticTransitionEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticTransitionEvent.js
@@ -34,14 +34,17 @@ function SyntheticTransitionEvent(
   dispatchConfig,
   dispatchMarker,
   nativeEvent,
-  nativeEventTarget
+  nativeEventTarget,
 ) {
-  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+  return SyntheticEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
-SyntheticEvent.augmentClass(
-  SyntheticTransitionEvent,
-  TransitionEventInterface
-);
+SyntheticEvent.augmentClass(SyntheticTransitionEvent, TransitionEventInterface);
 
 module.exports = SyntheticTransitionEvent;
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticUIEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticUIEvent.js
index 16b5907e95..308d190481 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticUIEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticUIEvent.js
@@ -50,8 +50,19 @@ var UIEventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @extends {SyntheticEvent}
  */
-function SyntheticUIEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function SyntheticUIEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticEvent.augmentClass(SyntheticUIEvent, UIEventInterface);
diff --git a/src/renderers/dom/shared/syntheticEvents/SyntheticWheelEvent.js b/src/renderers/dom/shared/syntheticEvents/SyntheticWheelEvent.js
index eea628e33e..76a0d67ac9 100644
--- a/src/renderers/dom/shared/syntheticEvents/SyntheticWheelEvent.js
+++ b/src/renderers/dom/shared/syntheticEvents/SyntheticWheelEvent.js
@@ -19,20 +19,19 @@ var SyntheticMouseEvent = require('SyntheticMouseEvent');
  */
 var WheelEventInterface = {
   deltaX: function(event) {
-    return (
-      'deltaX' in event ? event.deltaX :
-      // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
-      'wheelDeltaX' in event ? -event.wheelDeltaX : 0
-    );
+    return 'deltaX' in event
+      ? event.deltaX
+      : // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
+        'wheelDeltaX' in event ? -event.wheelDeltaX : 0;
   },
   deltaY: function(event) {
-    return (
-      'deltaY' in event ? event.deltaY :
-      // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
-      'wheelDeltaY' in event ? -event.wheelDeltaY :
-      // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
-      'wheelDelta' in event ? -event.wheelDelta : 0
-    );
+    return 'deltaY' in event
+      ? event.deltaY
+      : // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
+        'wheelDeltaY' in event
+          ? -event.wheelDeltaY
+          : // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
+            'wheelDelta' in event ? -event.wheelDelta : 0;
   },
   deltaZ: null,
 
@@ -49,8 +48,19 @@ var WheelEventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @extends {SyntheticMouseEvent}
  */
-function SyntheticWheelEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticMouseEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function SyntheticWheelEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticMouseEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticMouseEvent.augmentClass(SyntheticWheelEvent, WheelEventInterface);
diff --git a/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticClipboardEvent-test.js b/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticClipboardEvent-test.js
index 8d82415454..97f1a47f0c 100644
--- a/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticClipboardEvent-test.js
+++ b/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticClipboardEvent-test.js
@@ -29,12 +29,15 @@ describe('SyntheticClipboardEvent', () => {
       describe('when event has clipboardData', () => {
         it("returns event's clipboardData", () => {
           // Mock clipboardData since native implementation doesn't have a constructor
-          var clipboardData = jasmine.createSpyObj(
-            'clipboardData',
-            ['dropEffect', 'effectAllowed', 'files', 'items', 'types']
-          );
+          var clipboardData = jasmine.createSpyObj('clipboardData', [
+            'dropEffect',
+            'effectAllowed',
+            'files',
+            'items',
+            'types',
+          ]);
           var clipboardEvent = createEvent({clipboardData: clipboardData});
-          
+
           expect(clipboardEvent.clipboardData).toBe(clipboardData);
         });
       });
diff --git a/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticEvent-test.js b/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticEvent-test.js
index 0bba4dd146..f6ed9cc775 100644
--- a/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticEvent-test.js
+++ b/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticEvent-test.js
@@ -53,9 +53,9 @@ describe('SyntheticEvent', () => {
   });
 
   it('should be prevented if nativeEvent is prevented', () => {
-    expect(
-      createEvent({defaultPrevented: true}).isDefaultPrevented()
-    ).toBe(true);
+    expect(createEvent({defaultPrevented: true}).isDefaultPrevented()).toBe(
+      true,
+    );
     expect(createEvent({returnValue: false}).isDefaultPrevented()).toBe(true);
   });
 
@@ -91,10 +91,10 @@ describe('SyntheticEvent', () => {
     // assert the first warning for accessing `type`
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: This synthetic event is reused for performance reasons. If ' +
-      'you\'re seeing this, you\'re accessing the property `type` on a ' +
-      'released/nullified synthetic event. This is set to null. If you must ' +
-      'keep the original synthetic event around, use event.persist(). ' +
-      'See https://fb.me/react-event-pooling for more information.'
+        "you're seeing this, you're accessing the property `type` on a " +
+        'released/nullified synthetic event. This is set to null. If you must ' +
+        'keep the original synthetic event around, use event.persist(). ' +
+        'See https://fb.me/react-event-pooling for more information.',
     );
   });
 
@@ -103,14 +103,14 @@ describe('SyntheticEvent', () => {
     var target = document.createElement('div');
     var syntheticEvent = createEvent({srcElement: target});
     syntheticEvent.destructor();
-    expect(syntheticEvent.type = 'MouseEvent').toBe('MouseEvent');
+    expect((syntheticEvent.type = 'MouseEvent')).toBe('MouseEvent');
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: This synthetic event is reused for performance reasons. If ' +
-      'you\'re seeing this, you\'re setting the property `type` on a ' +
-      'released/nullified synthetic event. This is effectively a no-op. If you must ' +
-      'keep the original synthetic event around, use event.persist(). ' +
-      'See https://fb.me/react-event-pooling for more information.'
+        "you're seeing this, you're setting the property `type` on a " +
+        'released/nullified synthetic event. This is effectively a no-op. If you must ' +
+        'keep the original synthetic event around, use event.persist(). ' +
+        'See https://fb.me/react-event-pooling for more information.',
     );
   });
 
@@ -122,10 +122,10 @@ describe('SyntheticEvent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: This synthetic event is reused for performance reasons. If ' +
-      'you\'re seeing this, you\'re accessing the method `preventDefault` on a ' +
-      'released/nullified synthetic event. This is a no-op function. If you must ' +
-      'keep the original synthetic event around, use event.persist(). ' +
-      'See https://fb.me/react-event-pooling for more information.'
+        "you're seeing this, you're accessing the method `preventDefault` on a " +
+        'released/nullified synthetic event. This is a no-op function. If you must ' +
+        'keep the original synthetic event around, use event.persist(). ' +
+        'See https://fb.me/react-event-pooling for more information.',
     );
   });
 
@@ -137,39 +137,42 @@ describe('SyntheticEvent', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toBe(
       'Warning: This synthetic event is reused for performance reasons. If ' +
-      'you\'re seeing this, you\'re accessing the method `stopPropagation` on a ' +
-      'released/nullified synthetic event. This is a no-op function. If you must ' +
-      'keep the original synthetic event around, use event.persist(). ' +
-      'See https://fb.me/react-event-pooling for more information.'
+        "you're seeing this, you're accessing the method `stopPropagation` on a " +
+        'released/nullified synthetic event. This is a no-op function. If you must ' +
+        'keep the original synthetic event around, use event.persist(). ' +
+        'See https://fb.me/react-event-pooling for more information.',
     );
   });
 
   // TODO: reenable this test. We are currently silencing these warnings when
   // using TestUtils.Simulate to avoid spurious warnings that result from the
   // way we simulate events.
-  xit('should properly log warnings when events simulated with rendered components', () => {
-    spyOn(console, 'error');
-    var event;
-    var element = document.createElement('div');
-    function assignEvent(e) {
-      event = e;
-    }
-    var instance = ReactDOM.render(<div onClick={assignEvent} />, element);
-    ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(instance));
-    expectDev(console.error.calls.count()).toBe(0);
+  xit(
+    'should properly log warnings when events simulated with rendered components',
+    () => {
+      spyOn(console, 'error');
+      var event;
+      var element = document.createElement('div');
+      function assignEvent(e) {
+        event = e;
+      }
+      var instance = ReactDOM.render(<div onClick={assignEvent} />, element);
+      ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(instance));
+      expectDev(console.error.calls.count()).toBe(0);
 
-    // access a property to cause the warning
-    event.nativeEvent; // eslint-disable-line no-unused-expressions
+      // access a property to cause the warning
+      event.nativeEvent; // eslint-disable-line no-unused-expressions
 
-    expectDev(console.error.calls.count()).toBe(1);
-    expectDev(console.error.calls.argsFor(0)[0]).toBe(
-      'Warning: This synthetic event is reused for performance reasons. If ' +
-      'you\'re seeing this, you\'re accessing the property `nativeEvent` on a ' +
-      'released/nullified synthetic event. This is set to null. If you must ' +
-      'keep the original synthetic event around, use event.persist(). ' +
-      'See https://fb.me/react-event-pooling for more information.'
-    );
-  });
+      expectDev(console.error.calls.count()).toBe(1);
+      expectDev(console.error.calls.argsFor(0)[0]).toBe(
+        'Warning: This synthetic event is reused for performance reasons. If ' +
+          "you're seeing this, you're accessing the property `nativeEvent` on a " +
+          'released/nullified synthetic event. This is set to null. If you must ' +
+          'keep the original synthetic event around, use event.persist(). ' +
+          'See https://fb.me/react-event-pooling for more information.',
+      );
+    },
+  );
 
   it('should warn if Proxy is supported and the synthetic event is added a property', () => {
     spyOn(console, 'error');
@@ -181,9 +184,9 @@ describe('SyntheticEvent', () => {
       expectDev(console.error.calls.count()).toBe(1);
       expectDev(console.error.calls.argsFor(0)[0]).toBe(
         'Warning: This synthetic event is reused for performance reasons. If ' +
-        'you\'re seeing this, you\'re adding a new property in the synthetic ' +
-        'event object. The property is never released. ' +
-        'See https://fb.me/react-event-pooling for more information.'
+          "you're seeing this, you're adding a new property in the synthetic " +
+          'event object. The property is never released. ' +
+          'See https://fb.me/react-event-pooling for more information.',
       );
     } else {
       expectDev(console.error.calls.count()).toBe(0);
diff --git a/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticWheelEvent-test.js b/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticWheelEvent-test.js
index 74cc43120e..393ccf3fc6 100644
--- a/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticWheelEvent-test.js
+++ b/src/renderers/dom/shared/syntheticEvents/__tests__/SyntheticWheelEvent-test.js
@@ -67,5 +67,4 @@ describe('SyntheticWheelEvent', () => {
     syntheticEvent.persist();
     expect(syntheticEvent.isPersistent()).toBe(true);
   });
-
 });
diff --git a/src/renderers/dom/shared/utils/ReactControlledValuePropTypes.js b/src/renderers/dom/shared/utils/ReactControlledValuePropTypes.js
index 1b76fc28b3..e0cdedf22f 100644
--- a/src/renderers/dom/shared/utils/ReactControlledValuePropTypes.js
+++ b/src/renderers/dom/shared/utils/ReactControlledValuePropTypes.js
@@ -17,43 +17,44 @@ var ReactPropTypesSecret = require('ReactPropTypesSecret');
 var warning = require('fbjs/lib/warning');
 
 var hasReadOnlyValue = {
-  'button': true,
-  'checkbox': true,
-  'image': true,
-  'hidden': true,
-  'radio': true,
-  'reset': true,
-  'submit': true,
+  button: true,
+  checkbox: true,
+  image: true,
+  hidden: true,
+  radio: true,
+  reset: true,
+  submit: true,
 };
 
 var propTypes = {
   value: function(props, propName, componentName) {
-    if (!props[propName] ||
-        hasReadOnlyValue[props.type] ||
-        props.onChange ||
-        props.readOnly ||
-        props.disabled) {
+    if (
+      !props[propName] ||
+      hasReadOnlyValue[props.type] ||
+      props.onChange ||
+      props.readOnly ||
+      props.disabled
+    ) {
       return null;
     }
     return new Error(
       'You provided a `value` prop to a form field without an ' +
-      '`onChange` handler. This will render a read-only field. If ' +
-      'the field should be mutable use `defaultValue`. Otherwise, ' +
-      'set either `onChange` or `readOnly`.'
+        '`onChange` handler. This will render a read-only field. If ' +
+        'the field should be mutable use `defaultValue`. Otherwise, ' +
+        'set either `onChange` or `readOnly`.',
     );
   },
   checked: function(props, propName, componentName) {
-    if (!props[propName] ||
-        props.onChange ||
-        props.readOnly ||
-        props.disabled) {
+    if (
+      !props[propName] || props.onChange || props.readOnly || props.disabled
+    ) {
       return null;
     }
     return new Error(
       'You provided a `checked` prop to a form field without an ' +
-      '`onChange` handler. This will render a read-only field. If ' +
-      'the field should be mutable use `defaultChecked`. Otherwise, ' +
-      'set either `onChange` or `readOnly`.'
+        '`onChange` handler. This will render a read-only field. If ' +
+        'the field should be mutable use `defaultChecked`. Otherwise, ' +
+        'set either `onChange` or `readOnly`.',
     );
   },
   onChange: React.PropTypes.func,
diff --git a/src/renderers/dom/shared/utils/ViewportMetrics.js b/src/renderers/dom/shared/utils/ViewportMetrics.js
index d5508e0019..c23d0275c3 100644
--- a/src/renderers/dom/shared/utils/ViewportMetrics.js
+++ b/src/renderers/dom/shared/utils/ViewportMetrics.js
@@ -12,7 +12,6 @@
 'use strict';
 
 var ViewportMetrics = {
-
   currentScrollLeft: 0,
 
   currentScrollTop: 0,
@@ -21,7 +20,6 @@ var ViewportMetrics = {
     ViewportMetrics.currentScrollLeft = scrollPosition.x;
     ViewportMetrics.currentScrollTop = scrollPosition.y;
   },
-
 };
 
 module.exports = ViewportMetrics;
diff --git a/src/renderers/dom/shared/utils/__tests__/getEventCharCode-test.js b/src/renderers/dom/shared/utils/__tests__/getEventCharCode-test.js
index 64ed9214de..f619093b8b 100644
--- a/src/renderers/dom/shared/utils/__tests__/getEventCharCode-test.js
+++ b/src/renderers/dom/shared/utils/__tests__/getEventCharCode-test.js
@@ -17,9 +17,10 @@ describe('getEventCharCode', () => {
   describe('when charCode is present in nativeEvent', () => {
     describe('when charCode is 0 and keyCode is 13', () => {
       it('returns 13', () => {
-        var nativeEvent = new KeyboardEvent(
-          'keypress', {charCode: 0, keyCode: 13}
-        );
+        var nativeEvent = new KeyboardEvent('keypress', {
+          charCode: 0,
+          keyCode: 13,
+        });
 
         expect(getEventCharCode(nativeEvent)).toBe(13);
       });
@@ -62,7 +63,7 @@ describe('getEventCharCode', () => {
   describe('when charCode is not present in nativeEvent', () => {
     describe('when keyCode is 32 or bigger', () => {
       it('returns keyCode', () => {
-        var nativeEvent = {'keyCode': 32};
+        var nativeEvent = {keyCode: 32};
 
         expect(getEventCharCode(nativeEvent)).toBe(32);
       });
@@ -71,7 +72,7 @@ describe('getEventCharCode', () => {
     describe('when keyCode is smaller than 32', () => {
       describe('when keyCode is 13', () => {
         it('returns 13', () => {
-          var nativeEvent = {'keyCode': 13};
+          var nativeEvent = {keyCode: 13};
 
           expect(getEventCharCode(nativeEvent)).toBe(13);
         });
@@ -79,7 +80,7 @@ describe('getEventCharCode', () => {
 
       describe('when keyCode is not 13', () => {
         it('returns 0', () => {
-          var nativeEvent = {'keyCode': 31};
+          var nativeEvent = {keyCode: 31};
 
           expect(getEventCharCode(nativeEvent)).toBe(0);
         });
diff --git a/src/renderers/dom/shared/utils/__tests__/getNodeForCharacterOffset-test.js b/src/renderers/dom/shared/utils/__tests__/getNodeForCharacterOffset-test.js
index 170b65cc8c..27c7d1cd2d 100644
--- a/src/renderers/dom/shared/utils/__tests__/getNodeForCharacterOffset-test.js
+++ b/src/renderers/dom/shared/utils/__tests__/getNodeForCharacterOffset-test.js
@@ -48,16 +48,16 @@ describe('getNodeForCharacterOffset', () => {
       '<i>' +
         '<i>1</i>' +
         '<i>' +
-          '<i>' +
-            '<i>2</i>' +
-            '<i></i>' +
-          '</i>' +
+        '<i>' +
+        '<i>2</i>' +
+        '<i></i>' +
+        '</i>' +
         '</i>' +
         '<i>' +
-          '3' +
-          '<i>45</i>' +
+        '3' +
+        '<i>45</i>' +
         '</i>' +
-      '</i>'
+        '</i>',
     );
 
     expectNodeOffset(getNodeForCharacterOffset(node, 3), '3', 1);
diff --git a/src/renderers/dom/shared/utils/__tests__/setInnerHTML-test.js b/src/renderers/dom/shared/utils/__tests__/setInnerHTML-test.js
index 750f918fd1..e89f9f142b 100644
--- a/src/renderers/dom/shared/utils/__tests__/setInnerHTML-test.js
+++ b/src/renderers/dom/shared/utils/__tests__/setInnerHTML-test.js
@@ -37,8 +37,12 @@ describe('setInnerHTML', () => {
       var html = '<circle></circle><rect></rect>';
       setInnerHTML(node, html);
 
-      expect(node.appendChild.calls.argsFor(0)[0].outerHTML).toBe('<circle></circle>');
-      expect(node.appendChild.calls.argsFor(1)[0].outerHTML).toBe('<rect></rect>');
+      expect(node.appendChild.calls.argsFor(0)[0].outerHTML).toBe(
+        '<circle></circle>',
+      );
+      expect(node.appendChild.calls.argsFor(1)[0].outerHTML).toBe(
+        '<rect></rect>',
+      );
     });
   });
 });
diff --git a/src/renderers/dom/shared/utils/getEventKey.js b/src/renderers/dom/shared/utils/getEventKey.js
index 6a33da9caa..19786e778d 100644
--- a/src/renderers/dom/shared/utils/getEventKey.js
+++ b/src/renderers/dom/shared/utils/getEventKey.js
@@ -18,18 +18,18 @@ var getEventCharCode = require('getEventCharCode');
  * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
  */
 var normalizeKey = {
-  'Esc': 'Escape',
-  'Spacebar': ' ',
-  'Left': 'ArrowLeft',
-  'Up': 'ArrowUp',
-  'Right': 'ArrowRight',
-  'Down': 'ArrowDown',
-  'Del': 'Delete',
-  'Win': 'OS',
-  'Menu': 'ContextMenu',
-  'Apps': 'ContextMenu',
-  'Scroll': 'ScrollLock',
-  'MozPrintableKey': 'Unidentified',
+  Esc: 'Escape',
+  Spacebar: ' ',
+  Left: 'ArrowLeft',
+  Up: 'ArrowUp',
+  Right: 'ArrowRight',
+  Down: 'ArrowDown',
+  Del: 'Delete',
+  Win: 'OS',
+  Menu: 'ContextMenu',
+  Apps: 'ContextMenu',
+  Scroll: 'ScrollLock',
+  MozPrintableKey: 'Unidentified',
 };
 
 /**
@@ -59,8 +59,18 @@ var translateToKey = {
   40: 'ArrowDown',
   45: 'Insert',
   46: 'Delete',
-  112: 'F1', 113: 'F2', 114: 'F3', 115: 'F4', 116: 'F5', 117: 'F6',
-  118: 'F7', 119: 'F8', 120: 'F9', 121: 'F10', 122: 'F11', 123: 'F12',
+  112: 'F1',
+  113: 'F2',
+  114: 'F3',
+  115: 'F4',
+  116: 'F5',
+  117: 'F6',
+  118: 'F7',
+  119: 'F8',
+  120: 'F9',
+  121: 'F10',
+  122: 'F11',
+  123: 'F12',
   144: 'NumLock',
   145: 'ScrollLock',
   224: 'Meta',
diff --git a/src/renderers/dom/shared/utils/getEventModifierState.js b/src/renderers/dom/shared/utils/getEventModifierState.js
index 16c6e2b545..cafcf69e4b 100644
--- a/src/renderers/dom/shared/utils/getEventModifierState.js
+++ b/src/renderers/dom/shared/utils/getEventModifierState.js
@@ -17,10 +17,10 @@
  */
 
 var modifierKeyToProp = {
-  'Alt': 'altKey',
-  'Control': 'ctrlKey',
-  'Meta': 'metaKey',
-  'Shift': 'shiftKey',
+  Alt: 'altKey',
+  Control: 'ctrlKey',
+  Meta: 'metaKey',
+  Shift: 'shiftKey',
 };
 
 // IE8 does not implement getModifierState so we simply map it to the only
diff --git a/src/renderers/dom/shared/utils/getTextContentAccessor.js b/src/renderers/dom/shared/utils/getTextContentAccessor.js
index 6000d4beab..cfc945902e 100644
--- a/src/renderers/dom/shared/utils/getTextContentAccessor.js
+++ b/src/renderers/dom/shared/utils/getTextContentAccessor.js
@@ -25,9 +25,9 @@ function getTextContentAccessor() {
   if (!contentKey && ExecutionEnvironment.canUseDOM) {
     // Prefer textContent to innerText because many browsers support both but
     // SVG <text> elements don't support innerText even when <div> does.
-    contentKey = 'textContent' in document.documentElement ?
-      'textContent' :
-      'innerText';
+    contentKey = 'textContent' in document.documentElement
+      ? 'textContent'
+      : 'innerText';
   }
   return contentKey;
 }
diff --git a/src/renderers/dom/shared/utils/getVendorPrefixedEventName.js b/src/renderers/dom/shared/utils/getVendorPrefixedEventName.js
index c1576315c6..7cbceff9fd 100644
--- a/src/renderers/dom/shared/utils/getVendorPrefixedEventName.js
+++ b/src/renderers/dom/shared/utils/getVendorPrefixedEventName.js
@@ -83,7 +83,6 @@ if (ExecutionEnvironment.canUseDOM) {
 function getVendorPrefixedEventName(eventName) {
   if (prefixedEventNames[eventName]) {
     return prefixedEventNames[eventName];
-
   } else if (!vendorPrefixes[eventName]) {
     return eventName;
   }
@@ -92,7 +91,7 @@ function getVendorPrefixedEventName(eventName) {
 
   for (var styleProp in prefixMap) {
     if (prefixMap.hasOwnProperty(styleProp) && styleProp in style) {
-      return prefixedEventNames[eventName] = prefixMap[styleProp];
+      return (prefixedEventNames[eventName] = prefixMap[styleProp]);
     }
   }
 
diff --git a/src/renderers/dom/shared/utils/isEventSupported.js b/src/renderers/dom/shared/utils/isEventSupported.js
index a3fc30495a..ef258994ea 100644
--- a/src/renderers/dom/shared/utils/isEventSupported.js
+++ b/src/renderers/dom/shared/utils/isEventSupported.js
@@ -15,8 +15,7 @@ var ExecutionEnvironment = require('fbjs/lib/ExecutionEnvironment');
 
 var useHasFeature;
 if (ExecutionEnvironment.canUseDOM) {
-  useHasFeature =
-    document.implementation &&
+  useHasFeature = document.implementation &&
     document.implementation.hasFeature &&
     // always returns true in newer browsers as per the standard.
     // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
@@ -38,8 +37,10 @@ if (ExecutionEnvironment.canUseDOM) {
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
 function isEventSupported(eventNameSuffix, capture) {
-  if (!ExecutionEnvironment.canUseDOM ||
-      capture && !('addEventListener' in document)) {
+  if (
+    !ExecutionEnvironment.canUseDOM ||
+    (capture && !('addEventListener' in document))
+  ) {
     return false;
   }
 
diff --git a/src/renderers/dom/shared/validateDOMNesting.js b/src/renderers/dom/shared/validateDOMNesting.js
index 30337973d3..1ecf8e0175 100644
--- a/src/renderers/dom/shared/validateDOMNesting.js
+++ b/src/renderers/dom/shared/validateDOMNesting.js
@@ -18,7 +18,7 @@ var warning = require('fbjs/lib/warning');
 var validateDOMNesting = emptyFunction;
 
 if (__DEV__) {
-  var { getCurrentFiberStackAddendum } = require('ReactDebugCurrentFiber');
+  var {getCurrentFiberStackAddendum} = require('ReactDebugCurrentFiber');
 
   // This validation code was written based on the HTML5 parsing spec:
   // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-scope
@@ -33,36 +33,125 @@ if (__DEV__) {
 
   // https://html.spec.whatwg.org/multipage/syntax.html#special
   var specialTags = [
-    'address', 'applet', 'area', 'article', 'aside', 'base', 'basefont',
-    'bgsound', 'blockquote', 'body', 'br', 'button', 'caption', 'center', 'col',
-    'colgroup', 'dd', 'details', 'dir', 'div', 'dl', 'dt', 'embed', 'fieldset',
-    'figcaption', 'figure', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2',
-    'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'iframe',
-    'img', 'input', 'isindex', 'li', 'link', 'listing', 'main', 'marquee',
-    'menu', 'menuitem', 'meta', 'nav', 'noembed', 'noframes', 'noscript',
-    'object', 'ol', 'p', 'param', 'plaintext', 'pre', 'script', 'section',
-    'select', 'source', 'style', 'summary', 'table', 'tbody', 'td', 'template',
-    'textarea', 'tfoot', 'th', 'thead', 'title', 'tr', 'track', 'ul', 'wbr',
+    'address',
+    'applet',
+    'area',
+    'article',
+    'aside',
+    'base',
+    'basefont',
+    'bgsound',
+    'blockquote',
+    'body',
+    'br',
+    'button',
+    'caption',
+    'center',
+    'col',
+    'colgroup',
+    'dd',
+    'details',
+    'dir',
+    'div',
+    'dl',
+    'dt',
+    'embed',
+    'fieldset',
+    'figcaption',
+    'figure',
+    'footer',
+    'form',
+    'frame',
+    'frameset',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'head',
+    'header',
+    'hgroup',
+    'hr',
+    'html',
+    'iframe',
+    'img',
+    'input',
+    'isindex',
+    'li',
+    'link',
+    'listing',
+    'main',
+    'marquee',
+    'menu',
+    'menuitem',
+    'meta',
+    'nav',
+    'noembed',
+    'noframes',
+    'noscript',
+    'object',
+    'ol',
+    'p',
+    'param',
+    'plaintext',
+    'pre',
+    'script',
+    'section',
+    'select',
+    'source',
+    'style',
+    'summary',
+    'table',
+    'tbody',
+    'td',
+    'template',
+    'textarea',
+    'tfoot',
+    'th',
+    'thead',
+    'title',
+    'tr',
+    'track',
+    'ul',
+    'wbr',
     'xmp',
   ];
 
   // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-scope
   var inScopeTags = [
-    'applet', 'caption', 'html', 'table', 'td', 'th', 'marquee', 'object',
+    'applet',
+    'caption',
+    'html',
+    'table',
+    'td',
+    'th',
+    'marquee',
+    'object',
     'template',
 
     // https://html.spec.whatwg.org/multipage/syntax.html#html-integration-point
     // TODO: Distinguish by namespace here -- for <title>, including it here
     // errs on the side of fewer warnings
-    'foreignObject', 'desc', 'title',
+    'foreignObject',
+    'desc',
+    'title',
   ];
 
   // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-button-scope
   var buttonScopeTags = inScopeTags.concat(['button']);
 
   // https://html.spec.whatwg.org/multipage/syntax.html#generate-implied-end-tags
-  var impliedEndTags =
-    ['dd', 'dt', 'li', 'option', 'optgroup', 'p', 'rp', 'rt'];
+  var impliedEndTags = [
+    'dd',
+    'dt',
+    'li',
+    'option',
+    'optgroup',
+    'p',
+    'rp',
+    'rt',
+  ];
 
   var emptyAncestorInfo = {
     current: null,
@@ -94,7 +183,9 @@ if (__DEV__) {
     // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
     if (
       specialTags.indexOf(tag) !== -1 &&
-      tag !== 'address' && tag !== 'div' && tag !== 'p'
+      tag !== 'address' &&
+      tag !== 'div' &&
+      tag !== 'p'
     ) {
       ancestorInfo.listItemTagAutoclosing = null;
       ancestorInfo.dlItemTagAutoclosing = null;
@@ -150,19 +241,20 @@ if (__DEV__) {
 
       // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intr
       case 'tr':
-        return (
-          tag === 'th' || tag === 'td' || tag === 'style' || tag === 'script' ||
-          tag === 'template'
-        );
+        return tag === 'th' ||
+          tag === 'td' ||
+          tag === 'style' ||
+          tag === 'script' ||
+          tag === 'template';
 
       // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intbody
       case 'tbody':
       case 'thead':
       case 'tfoot':
-        return (
-          tag === 'tr' || tag === 'style' || tag === 'script' ||
-          tag === 'template'
-        );
+        return tag === 'tr' ||
+          tag === 'style' ||
+          tag === 'script' ||
+          tag === 'template';
 
       // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-incolgroup
       case 'colgroup':
@@ -170,20 +262,28 @@ if (__DEV__) {
 
       // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intable
       case 'table':
-        return (
-          tag === 'caption' || tag === 'colgroup' || tag === 'tbody' ||
-          tag === 'tfoot' || tag === 'thead' || tag === 'style' ||
-          tag === 'script' || tag === 'template'
-        );
+        return tag === 'caption' ||
+          tag === 'colgroup' ||
+          tag === 'tbody' ||
+          tag === 'tfoot' ||
+          tag === 'thead' ||
+          tag === 'style' ||
+          tag === 'script' ||
+          tag === 'template';
 
       // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inhead
       case 'head':
-        return (
-          tag === 'base' || tag === 'basefont' || tag === 'bgsound' ||
-          tag === 'link' || tag === 'meta' || tag === 'title' ||
-          tag === 'noscript' || tag === 'noframes' || tag === 'style' ||
-          tag === 'script' || tag === 'template'
-        );
+        return tag === 'base' ||
+          tag === 'basefont' ||
+          tag === 'bgsound' ||
+          tag === 'link' ||
+          tag === 'meta' ||
+          tag === 'title' ||
+          tag === 'noscript' ||
+          tag === 'noframes' ||
+          tag === 'style' ||
+          tag === 'script' ||
+          tag === 'template';
 
       // https://html.spec.whatwg.org/multipage/semantics.html#the-html-element
       case 'html':
@@ -202,10 +302,12 @@ if (__DEV__) {
       case 'h4':
       case 'h5':
       case 'h6':
-        return (
-          parentTag !== 'h1' && parentTag !== 'h2' && parentTag !== 'h3' &&
-          parentTag !== 'h4' && parentTag !== 'h5' && parentTag !== 'h6'
-        );
+        return parentTag !== 'h1' &&
+          parentTag !== 'h2' &&
+          parentTag !== 'h3' &&
+          parentTag !== 'h4' &&
+          parentTag !== 'h5' &&
+          parentTag !== 'h6';
 
       case 'rp':
       case 'rt':
@@ -318,9 +420,16 @@ if (__DEV__) {
     return stack;
   };
 
-  var getOwnerInfo = function(childInstance, childTag, ancestorInstance, ancestorTag, isParent) {
+  var getOwnerInfo = function(
+    childInstance,
+    childTag,
+    ancestorInstance,
+    ancestorTag,
+    isParent,
+  ) {
     var childOwner = childInstance && childInstance._currentElement._owner;
-    var ancestorOwner = ancestorInstance && ancestorInstance._currentElement._owner;
+    var ancestorOwner = ancestorInstance &&
+      ancestorInstance._currentElement._owner;
 
     var childOwners = findOwnerStack(childOwner);
     var ancestorOwners = findOwnerStack(ancestorOwner);
@@ -338,25 +447,27 @@ if (__DEV__) {
     }
 
     var UNKNOWN = '(unknown)';
-    var childOwnerNames = childOwners.slice(deepestCommon + 1).map(
-      (inst) => getComponentName(inst) || UNKNOWN
-    );
-    var ancestorOwnerNames = ancestorOwners.slice(deepestCommon + 1).map(
-      (inst) => getComponentName(inst) || UNKNOWN
-    );
-    var ownerInfo = [].concat(
-      // If the parent and child instances have a common owner ancestor, start
-      // with that -- otherwise we just start with the parent's owners.
-      deepestCommon !== -1 ?
-        getComponentName(childOwners[deepestCommon]) || UNKNOWN :
-        [],
-      ancestorOwnerNames,
-      ancestorTag,
-      // If we're warning about an invalid (non-parent) ancestry, add '...'
-      isParent ? [] : ['...'],
-      childOwnerNames,
-      childTag
-    ).join(' > ');
+    var childOwnerNames = childOwners
+      .slice(deepestCommon + 1)
+      .map(inst => getComponentName(inst) || UNKNOWN);
+    var ancestorOwnerNames = ancestorOwners
+      .slice(deepestCommon + 1)
+      .map(inst => getComponentName(inst) || UNKNOWN);
+    var ownerInfo = []
+      .concat(
+        // If the parent and child instances have a common owner ancestor, start
+        // with that -- otherwise we just start with the parent's owners.
+        deepestCommon !== -1
+          ? getComponentName(childOwners[deepestCommon]) || UNKNOWN
+          : [],
+        ancestorOwnerNames,
+        ancestorTag,
+        // If we're warning about an invalid (non-parent) ancestry, add '...'
+        isParent ? [] : ['...'],
+        childOwnerNames,
+        childTag,
+      )
+      .join(' > ');
 
     return ownerInfo;
   };
@@ -367,7 +478,7 @@ if (__DEV__) {
     childTag,
     childText,
     childInstance,
-    ancestorInfo
+    ancestorInfo,
   ) {
     ancestorInfo = ancestorInfo || emptyAncestorInfo;
     var parentInfo = ancestorInfo.current;
@@ -376,15 +487,17 @@ if (__DEV__) {
     if (childText != null) {
       warning(
         childTag == null,
-        'validateDOMNesting: when childText is passed, childTag should be null'
+        'validateDOMNesting: when childText is passed, childTag should be null',
       );
       childTag = '#text';
     }
 
-    var invalidParent =
-      isTagValidWithParent(childTag, parentTag) ? null : parentInfo;
-    var invalidAncestor =
-      invalidParent ? null : findInvalidAncestorForTag(childTag, ancestorInfo);
+    var invalidParent = isTagValidWithParent(childTag, parentTag)
+      ? null
+      : parentInfo;
+    var invalidAncestor = invalidParent
+      ? null
+      : findInvalidAncestorForTag(childTag, ancestorInfo);
     var invalidParentOrAncestor = invalidParent || invalidAncestor;
     if (!invalidParentOrAncestor) {
       return;
@@ -395,19 +508,26 @@ if (__DEV__) {
     var addendum;
 
     if (childInstance != null) {
-      addendum = ' See ' + getOwnerInfo(
-        childInstance,
-        childTag,
-        ancestorInstance,
-        ancestorTag,
-        !!invalidParent
-      ) + '.';
+      addendum = ' See ' +
+        getOwnerInfo(
+          childInstance,
+          childTag,
+          ancestorInstance,
+          ancestorTag,
+          !!invalidParent,
+        ) +
+        '.';
     } else {
       addendum = getCurrentFiberStackAddendum();
     }
 
-    var warnKey =
-      !!invalidParent + '|' + childTag + '|' + ancestorTag + '|' + addendum;
+    var warnKey = !!invalidParent +
+      '|' +
+      childTag +
+      '|' +
+      ancestorTag +
+      '|' +
+      addendum;
     if (didWarn[warnKey]) {
       return;
     }
@@ -420,8 +540,7 @@ if (__DEV__) {
         tagDisplayName = 'Text nodes';
       } else {
         tagDisplayName = 'Whitespace text nodes';
-        whitespaceInfo =
-          ' Make sure you don\'t have any extra whitespace between tags on ' +
+        whitespaceInfo = " Make sure you don't have any extra whitespace between tags on " +
           'each line of your source code.';
       }
     } else {
@@ -431,8 +550,7 @@ if (__DEV__) {
     if (invalidParent) {
       var info = '';
       if (ancestorTag === 'table' && childTag === 'tr') {
-        info +=
-          ' Add a <tbody> to your code to match the DOM tree generated by ' +
+        info += ' Add a <tbody> to your code to match the DOM tree generated by ' +
           'the browser.';
       }
       warning(
@@ -442,16 +560,16 @@ if (__DEV__) {
         ancestorTag,
         whitespaceInfo,
         info,
-        addendum
+        addendum,
       );
     } else {
       warning(
         false,
         'validateDOMNesting(...): %s cannot appear as a descendant of ' +
-        '<%s>.%s',
+          '<%s>.%s',
         tagDisplayName,
         ancestorTag,
-        addendum
+        addendum,
       );
     }
   };
@@ -463,10 +581,8 @@ if (__DEV__) {
     ancestorInfo = ancestorInfo || emptyAncestorInfo;
     var parentInfo = ancestorInfo.current;
     var parentTag = parentInfo && parentInfo.tag;
-    return (
-      isTagValidWithParent(tag, parentTag) &&
-      !findInvalidAncestorForTag(tag, ancestorInfo)
-    );
+    return isTagValidWithParent(tag, parentTag) &&
+      !findInvalidAncestorForTag(tag, ancestorInfo);
   };
 }
 
diff --git a/src/renderers/dom/shared/wrappers/__tests__/ReactDOMInput-test.js b/src/renderers/dom/shared/wrappers/__tests__/ReactDOMInput-test.js
index 366f6803b8..c16b2f578a 100644
--- a/src/renderers/dom/shared/wrappers/__tests__/ReactDOMInput-test.js
+++ b/src/renderers/dom/shared/wrappers/__tests__/ReactDOMInput-test.js
@@ -11,7 +11,6 @@
 
 'use strict';
 
-
 var emptyFunction = require('fbjs/lib/emptyFunction');
 
 describe('ReactDOMInput', () => {
@@ -42,10 +41,7 @@ describe('ReactDOMInput', () => {
 
   it('should properly control a value even if no event listener exists', () => {
     var container = document.createElement('div');
-    var stub = ReactDOM.render(
-      <input type="text" value="lion" />,
-      container
-    );
+    var stub = ReactDOM.render(<input type="text" value="lion" />, container);
 
     document.body.appendChild(container);
 
@@ -77,12 +73,12 @@ describe('ReactDOMInput', () => {
     changeEvent.initEvent('change', true, true);
 
     class ControlledInputs extends React.Component {
-      state = { value: 'lion' };
+      state = {value: 'lion'};
       a = null;
       b = null;
       switchedFocus = false;
       change(newValue) {
-        this.setState({ value: newValue });
+        this.setState({value: newValue});
         // Calling focus here will blur the text box which causes a native
         // change event. Ideally we shouldn't have to fire this ourselves.
         // I don't know how to simulate a change event on a text box.
@@ -93,7 +89,7 @@ describe('ReactDOMInput', () => {
         this.switchedFocus = true;
         // currentValue should be 'giraffe' here because we should not have
         // restored it on the target yet.
-        this.setState({ value: currentValue });
+        this.setState({value: currentValue});
       }
       render() {
         return (
@@ -105,10 +101,7 @@ describe('ReactDOMInput', () => {
               onChange={e => this.change(e.target.value)}
               onBlur={e => this.blur(e.target.value)}
             />
-            <input
-              type="text"
-              ref={n => this.b = n}
-            />
+            <input type="text" ref={n => this.b = n} />
           </div>
         );
       }
@@ -139,7 +132,7 @@ describe('ReactDOMInput', () => {
     inputEvent.initEvent('input', true, true);
 
     class ControlledInputs extends React.Component {
-      state = { value: 'lion' };
+      state = {value: 'lion'};
       a = null;
       b = null;
       change(newValue) {
@@ -158,11 +151,7 @@ describe('ReactDOMInput', () => {
               value="lion"
               onChange={e => this.change(e.target.value)}
             />
-            <input
-              type="checkbox"
-              ref={n => this.b = n}
-              checked={true}
-            />
+            <input type="checkbox" ref={n => this.b = n} checked={true} />
           </div>
         );
       }
@@ -198,7 +187,7 @@ describe('ReactDOMInput', () => {
   it('only assigns defaultValue if it changes', () => {
     class Test extends React.Component {
       render() {
-        return (<input defaultValue="0" />);
+        return <input defaultValue="0" />;
       }
     }
 
@@ -210,7 +199,9 @@ describe('ReactDOMInput', () => {
         return '0';
       },
       set(value) {
-        throw new Error(`defaultValue was assigned ${value}, but it did not change!`);
+        throw new Error(
+          `defaultValue was assigned ${value}, but it did not change!`,
+        );
       },
     });
 
@@ -236,7 +227,10 @@ describe('ReactDOMInput', () => {
   it('should update `defaultValue` for uncontrolled input', () => {
     var container = document.createElement('div');
 
-    var node = ReactDOM.render(<input type="text" defaultValue="0" />, container);
+    var node = ReactDOM.render(
+      <input type="text" defaultValue="0" />,
+      container,
+    );
 
     expect(node.value).toBe('0');
 
@@ -249,7 +243,10 @@ describe('ReactDOMInput', () => {
   it('should update `defaultValue` for uncontrolled date/time input', () => {
     var container = document.createElement('div');
 
-    var node = ReactDOM.render(<input type="date" defaultValue="1980-01-01" />, container);
+    var node = ReactDOM.render(
+      <input type="date" defaultValue="1980-01-01" />,
+      container,
+    );
 
     expect(node.value).toBe('1980-01-01');
 
@@ -264,7 +261,10 @@ describe('ReactDOMInput', () => {
   it('should take `defaultValue` when changing to uncontrolled input', () => {
     var container = document.createElement('div');
 
-    var node = ReactDOM.render(<input type="text" value="0" readOnly="true" />, container);
+    var node = ReactDOM.render(
+      <input type="text" value="0" readOnly="true" />,
+      container,
+    );
 
     expect(node.value).toBe('0');
 
@@ -274,7 +274,9 @@ describe('ReactDOMInput', () => {
   });
 
   it('should render defaultValue for SSR', () => {
-    var markup = ReactDOMServer.renderToString(<input type="text" defaultValue="1" />);
+    var markup = ReactDOMServer.renderToString(
+      <input type="text" defaultValue="1" />,
+    );
     var div = document.createElement('div');
     div.innerHTML = markup;
     expect(div.firstChild.getAttribute('value')).toBe('1');
@@ -350,7 +352,7 @@ describe('ReactDOMInput', () => {
 
     stub = ReactDOM.render(
       <input type="text" value={true} onChange={emptyFunction} />,
-      container
+      container,
     );
     expect(node.value).toEqual('true');
   });
@@ -364,7 +366,7 @@ describe('ReactDOMInput', () => {
 
     stub = ReactDOM.render(
       <input type="text" value={false} onChange={emptyFunction} />,
-      container
+      container,
     );
     expect(node.value).toEqual('false');
   });
@@ -383,7 +385,7 @@ describe('ReactDOMInput', () => {
     };
     stub = ReactDOM.render(
       <input type="text" value={objToString} onChange={emptyFunction} />,
-      container
+      container,
     );
     expect(node.value).toEqual('foobar');
   });
@@ -436,11 +438,7 @@ describe('ReactDOMInput', () => {
     var fakeNativeEvent = function() {};
     fakeNativeEvent.target = node;
     fakeNativeEvent.path = [node, container];
-    ReactTestUtils.simulateNativeEventOnNode(
-      'topInput',
-      node,
-      fakeNativeEvent
-    );
+    ReactTestUtils.simulateNativeEventOnNode('topInput', node, fakeNativeEvent);
 
     expect(handled).toBe(true);
   });
@@ -455,7 +453,7 @@ describe('ReactDOMInput', () => {
     // report this as not having a `value` attribute at all; IE reports it as
     // the actual label that the user sees.
     expect(
-      !node.hasAttribute('value') || node.getAttribute('value').length > 0
+      !node.hasAttribute('value') || node.getAttribute('value').length > 0,
     ).toBe(true);
   });
 
@@ -470,13 +468,10 @@ describe('ReactDOMInput', () => {
               name="fruit"
               checked={true}
               onChange={emptyFunction}
-            />A
-            <input
-              ref="b"
-              type="radio"
-              name="fruit"
-              onChange={emptyFunction}
-            />B
+            />
+            A
+            <input ref="b" type="radio" name="fruit" onChange={emptyFunction} />
+            B
 
             <form>
               <input
@@ -539,19 +534,20 @@ describe('ReactDOMInput', () => {
               name="fruit"
               checked={true}
               onChange={emptyFunction}
-            />A
+            />
+            A
           </div>
         );
       }
     }
 
     class ComponentB extends React.Component {
-      state = { changed: false };
+      state = {changed: false};
       handleChange = () => {
         this.setState({
           changed: true,
         });
-      }
+      };
       componentDidUpdate() {
         sharedParent.appendChild(container2);
       }
@@ -564,7 +560,8 @@ describe('ReactDOMInput', () => {
               name="fruit"
               checked={false}
               onChange={this.handleChange}
-            />B
+            />
+            B
           </div>
         );
       }
@@ -591,17 +588,16 @@ describe('ReactDOMInput', () => {
 
   it('should warn with value and no onChange handler and readOnly specified', () => {
     ReactTestUtils.renderIntoDocument(
-      <input type="text" value="zoink" readOnly={true} />
+      <input type="text" value="zoink" readOnly={true} />,
     );
     expectDev(console.error.calls.count()).toBe(0);
 
     ReactTestUtils.renderIntoDocument(
-      <input type="text" value="zoink" readOnly={false} />
+      <input type="text" value="zoink" readOnly={false} />,
     );
     expectDev(console.error.calls.count()).toBe(1);
   });
 
-
   it('should have a this value of undefined if bind is not used', () => {
     var unboundInputOnChange = function() {
       expect(this).toBe(undefined);
@@ -615,12 +611,12 @@ describe('ReactDOMInput', () => {
 
   it('should warn with checked and no onChange handler with readOnly specified', () => {
     ReactTestUtils.renderIntoDocument(
-      <input type="checkbox" checked="false" readOnly={true} />
+      <input type="checkbox" checked="false" readOnly={true} />,
     );
     expectDev(console.error.calls.count()).toBe(0);
 
     ReactTestUtils.renderIntoDocument(
-      <input type="checkbox" checked="false" readOnly={false} />
+      <input type="checkbox" checked="false" readOnly={false} />,
     );
     expectDev(console.error.calls.count()).toBe(1);
   });
@@ -636,8 +632,8 @@ describe('ReactDOMInput', () => {
     ReactTestUtils.renderIntoDocument(<input type="text" value={null} />);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       '`value` prop on `input` should not be null. ' +
-      'Consider using the empty string to clear the component or `undefined` ' +
-      'for uncontrolled components.'
+        'Consider using the empty string to clear the component or `undefined` ' +
+        'for uncontrolled components.',
     );
 
     ReactTestUtils.renderIntoDocument(<input type="text" value={null} />);
@@ -646,81 +642,100 @@ describe('ReactDOMInput', () => {
 
   it('should warn if checked and defaultChecked props are specified', () => {
     ReactTestUtils.renderIntoDocument(
-      <input type="radio" checked={true} defaultChecked={true} readOnly={true} />
+      <input
+        type="radio"
+        checked={true}
+        defaultChecked={true}
+        readOnly={true}
+      />,
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component contains an input of type radio with both checked and defaultChecked props. ' +
-      'Input elements must be either controlled or uncontrolled ' +
-      '(specify either the checked prop, or the defaultChecked prop, but not ' +
-      'both). Decide between using a controlled or uncontrolled input ' +
-      'element and remove one of these props. More info: ' +
-      'https://fb.me/react-controlled-components'
+        'Input elements must be either controlled or uncontrolled ' +
+        '(specify either the checked prop, or the defaultChecked prop, but not ' +
+        'both). Decide between using a controlled or uncontrolled input ' +
+        'element and remove one of these props. More info: ' +
+        'https://fb.me/react-controlled-components',
     );
 
     ReactTestUtils.renderIntoDocument(
-      <input type="radio" checked={true} defaultChecked={true} readOnly={true} />
+      <input
+        type="radio"
+        checked={true}
+        defaultChecked={true}
+        readOnly={true}
+      />,
     );
     expectDev(console.error.calls.count()).toBe(1);
   });
 
   it('should warn if value and defaultValue props are specified', () => {
     ReactTestUtils.renderIntoDocument(
-      <input type="text" value="foo" defaultValue="bar" readOnly={true} />
+      <input type="text" value="foo" defaultValue="bar" readOnly={true} />,
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component contains an input of type text with both value and defaultValue props. ' +
-      'Input elements must be either controlled or uncontrolled ' +
-      '(specify either the value prop, or the defaultValue prop, but not ' +
-      'both). Decide between using a controlled or uncontrolled input ' +
-      'element and remove one of these props. More info: ' +
-      'https://fb.me/react-controlled-components'
+        'Input elements must be either controlled or uncontrolled ' +
+        '(specify either the value prop, or the defaultValue prop, but not ' +
+        'both). Decide between using a controlled or uncontrolled input ' +
+        'element and remove one of these props. More info: ' +
+        'https://fb.me/react-controlled-components',
     );
 
     ReactTestUtils.renderIntoDocument(
-      <input type="text" value="foo" defaultValue="bar" readOnly={true} />
+      <input type="text" value="foo" defaultValue="bar" readOnly={true} />,
     );
     expectDev(console.error.calls.count()).toBe(1);
   });
 
   it('should warn if controlled input switches to uncontrolled (value is undefined)', () => {
-    var stub = <input type="text" value="controlled" onChange={emptyFunction} />;
+    var stub = (
+      <input type="text" value="controlled" onChange={emptyFunction} />
+    );
     var container = document.createElement('div');
     ReactDOM.render(stub, container);
     ReactDOM.render(<input type="text" />, container);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type text to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
   it('should warn if controlled input switches to uncontrolled (value is null)', () => {
-    var stub = <input type="text" value="controlled" onChange={emptyFunction} />;
+    var stub = (
+      <input type="text" value="controlled" onChange={emptyFunction} />
+    );
     var container = document.createElement('div');
     ReactDOM.render(stub, container);
     ReactDOM.render(<input type="text" value={null} />, container);
     expectDev(console.error.calls.count()).toBeGreaterThan(0);
     expectDev(console.error.calls.argsFor(1)[0]).toContain(
       'A component is changing a controlled input of type text to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
   it('should warn if controlled input switches to uncontrolled with defaultValue', () => {
-    var stub = <input type="text" value="controlled" onChange={emptyFunction} />;
+    var stub = (
+      <input type="text" value="controlled" onChange={emptyFunction} />
+    );
     var container = document.createElement('div');
     ReactDOM.render(stub, container);
-    ReactDOM.render(<input type="text" defaultValue="uncontrolled" />, container);
+    ReactDOM.render(
+      <input type="text" defaultValue="uncontrolled" />,
+      container,
+    );
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type text to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -732,9 +747,9 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing an uncontrolled input of type text to be controlled. ' +
-      'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -746,51 +761,57 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBeGreaterThan(0);
     expectDev(console.error.calls.argsFor(1)[0]).toContain(
       'A component is changing an uncontrolled input of type text to be controlled. ' +
-      'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
   it('should warn if controlled checkbox switches to uncontrolled (checked is undefined)', () => {
-    var stub = <input type="checkbox" checked={true} onChange={emptyFunction} />;
+    var stub = (
+      <input type="checkbox" checked={true} onChange={emptyFunction} />
+    );
     var container = document.createElement('div');
     ReactDOM.render(stub, container);
     ReactDOM.render(<input type="checkbox" />, container);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type checkbox to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
   it('should warn if controlled checkbox switches to uncontrolled (checked is null)', () => {
-    var stub = <input type="checkbox" checked={true} onChange={emptyFunction} />;
+    var stub = (
+      <input type="checkbox" checked={true} onChange={emptyFunction} />
+    );
     var container = document.createElement('div');
     ReactDOM.render(stub, container);
     ReactDOM.render(<input type="checkbox" checked={null} />, container);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type checkbox to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
   it('should warn if controlled checkbox switches to uncontrolled with defaultChecked', () => {
-    var stub = <input type="checkbox" checked={true} onChange={emptyFunction} />;
+    var stub = (
+      <input type="checkbox" checked={true} onChange={emptyFunction} />
+    );
     var container = document.createElement('div');
     ReactDOM.render(stub, container);
     ReactDOM.render(<input type="checkbox" defaultChecked={true} />, container);
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type checkbox to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -802,9 +823,9 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing an uncontrolled input of type checkbox to be controlled. ' +
-      'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -816,9 +837,9 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing an uncontrolled input of type checkbox to be controlled. ' +
-      'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -830,9 +851,9 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type radio to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -844,9 +865,9 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type radio to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -858,9 +879,9 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type radio to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -872,9 +893,9 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing an uncontrolled input of type radio to be controlled. ' +
-      'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -886,9 +907,9 @@ describe('ReactDOMInput', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing an uncontrolled input of type radio to be controlled. ' +
-      'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -896,15 +917,24 @@ describe('ReactDOMInput', () => {
     var container = document.createElement('div');
     ReactDOM.render(<input type="radio" value="value" />, container);
     ReactDOM.render(<input type="radio" />, container);
-    ReactDOM.render(<input type="radio" value="value" defaultChecked={true} />, container);
-    ReactDOM.render(<input type="radio" value="value" onChange={() => null} />, container);
+    ReactDOM.render(
+      <input type="radio" value="value" defaultChecked={true} />,
+      container,
+    );
+    ReactDOM.render(
+      <input type="radio" value="value" onChange={() => null} />,
+      container,
+    );
     ReactDOM.render(<input type="radio" />, container);
     expectDev(console.error.calls.count()).toBe(0);
   });
 
   it('should not warn if radio value changes but never becomes uncontrolled', () => {
     var container = document.createElement('div');
-    ReactDOM.render(<input type="radio" checked={false} onChange={() => null} />, container);
+    ReactDOM.render(
+      <input type="radio" checked={false} onChange={() => null} />,
+      container,
+    );
     ReactDOM.render(
       <input
         type="radio"
@@ -912,19 +942,29 @@ describe('ReactDOMInput', () => {
         defaultChecked={true}
         checked={false}
         onChange={() => null}
-      />, container);
+      />,
+      container,
+    );
     expectDev(console.error.calls.count()).toBe(0);
   });
 
   it('should warn if radio checked false changes to become uncontrolled', () => {
     var container = document.createElement('div');
-    ReactDOM.render(<input type="radio" value="value" checked={false} onChange={() => null} />, container);
+    ReactDOM.render(
+      <input
+        type="radio"
+        value="value"
+        checked={false}
+        onChange={() => null}
+      />,
+      container,
+    );
     ReactDOM.render(<input type="radio" value="value" />, container);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'A component is changing a controlled input of type radio to be uncontrolled. ' +
-      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-      'Decide between using a controlled or uncontrolled input ' +
-      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+        'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+        'Decide between using a controlled or uncontrolled input ' +
+        'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
     );
   });
 
@@ -950,7 +990,9 @@ describe('ReactDOMInput', () => {
       return el;
     });
 
-    ReactTestUtils.renderIntoDocument(<input value="0" type="range" min="0" max="100" step="1" />);
+    ReactTestUtils.renderIntoDocument(
+      <input value="0" type="range" min="0" max="100" step="1" />,
+    );
     expect(log).toEqual([
       ...(ReactDOMFeatureFlags.useFiber ? [] : ['set data-reactroot']),
       'set type',
@@ -966,18 +1008,18 @@ describe('ReactDOMInput', () => {
 
   it('sets value properly with type coming later in props', () => {
     var input = ReactTestUtils.renderIntoDocument(
-      <input value="hi" type="radio" />
+      <input value="hi" type="radio" />,
     );
     expect(input.value).toBe('hi');
   });
 
   it('does not raise a validation warning when it switches types', () => {
     class Input extends React.Component {
-      state = { type: 'number', value: 1000 };
+      state = {type: 'number', value: 1000};
 
       render() {
-        var { value, type } = this.state;
-        return (<input onChange={() => {}} type={type} value={value} />);
+        var {value, type} = this.state;
+        return <input onChange={() => {}} type={type} value={value} />;
       }
     }
 
@@ -986,7 +1028,7 @@ describe('ReactDOMInput', () => {
 
     // If the value is set before the type, a validation warning will raise and
     // the value will not be assigned.
-    input.setState({ type: 'text', value: 'Test' });
+    input.setState({type: 'text', value: 'Test'});
     expect(node.value).toEqual('Test');
   });
 
@@ -1017,9 +1059,13 @@ describe('ReactDOMInput', () => {
       return el;
     });
 
-    ReactTestUtils.renderIntoDocument(<input type="date" defaultValue="1980-01-01" />);
+    ReactTestUtils.renderIntoDocument(
+      <input type="date" defaultValue="1980-01-01" />,
+    );
     expect(log).toEqual([
-      ...(ReactDOMFeatureFlags.useFiber ? [] : ['node.setAttribute("data-reactroot", "")']),
+      ...(ReactDOMFeatureFlags.useFiber
+        ? []
+        : ['node.setAttribute("data-reactroot", "")']),
       'node.setAttribute("type", "date")',
       'node.setAttribute("value", "1980-01-01")',
       'node.value = ""',
diff --git a/src/renderers/dom/shared/wrappers/__tests__/ReactDOMOption-test.js b/src/renderers/dom/shared/wrappers/__tests__/ReactDOMOption-test.js
index 59ba79eac0..8a1b157cd2 100644
--- a/src/renderers/dom/shared/wrappers/__tests__/ReactDOMOption-test.js
+++ b/src/renderers/dom/shared/wrappers/__tests__/ReactDOMOption-test.js
@@ -11,7 +11,6 @@
 
 'use strict';
 
-
 describe('ReactDOMOption', () => {
   function normalizeCodeLocInfo(str) {
     return str && str.replace(/\(at .+?:\d+\)/g, '(at **)');
@@ -45,12 +44,14 @@ describe('ReactDOMOption', () => {
     ReactTestUtils.renderIntoDocument(el);
     // only warn once
     expectDev(console.error.calls.count()).toBe(1);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toContain(
-      ReactDOMFeatureFlags.useFiber ?
-        '<div> cannot appear as a child of <option>.\n' +
-        '    in div (at **)\n' +
-        '    in option (at **)' :
-        'Only strings and numbers are supported as <option> children.'
+    expectDev(
+      normalizeCodeLocInfo(console.error.calls.argsFor(0)[0]),
+    ).toContain(
+      ReactDOMFeatureFlags.useFiber
+        ? '<div> cannot appear as a child of <option>.\n' +
+            '    in div (at **)\n' +
+            '    in option (at **)'
+        : 'Only strings and numbers are supported as <option> children.',
     );
   });
 
@@ -66,7 +67,7 @@ describe('ReactDOMOption', () => {
   });
 
   it('should be able to use dangerouslySetInnerHTML on option', () => {
-    var stub = <option dangerouslySetInnerHTML={{ __html: 'foobar' }} />;
+    var stub = <option dangerouslySetInnerHTML={{__html: 'foobar'}} />;
     stub = ReactTestUtils.renderIntoDocument(stub);
 
     var node = ReactDOM.findDOMNode(stub);
@@ -86,12 +87,13 @@ describe('ReactDOMOption', () => {
 
   it('should allow ignoring `value` on option', () => {
     var a = 'a';
-    var stub =
+    var stub = (
       <select value="giraffe" onChange={() => {}}>
         <option>monkey</option>
         <option>gir{a}ffe</option>
         <option>gorill{a}</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
@@ -99,10 +101,7 @@ describe('ReactDOMOption', () => {
 
     expect(node.selectedIndex).toBe(1);
 
-    ReactDOM.render(
-      <select value="gorilla">{options}</select>,
-      container
-    );
+    ReactDOM.render(<select value="gorilla">{options}</select>, container);
     expect(node.selectedIndex).toEqual(2);
   });
 });
diff --git a/src/renderers/dom/shared/wrappers/__tests__/ReactDOMSelect-test.js b/src/renderers/dom/shared/wrappers/__tests__/ReactDOMSelect-test.js
index 37bda509e1..e9f29951a8 100644
--- a/src/renderers/dom/shared/wrappers/__tests__/ReactDOMSelect-test.js
+++ b/src/renderers/dom/shared/wrappers/__tests__/ReactDOMSelect-test.js
@@ -11,7 +11,6 @@
 
 'use strict';
 
-
 describe('ReactDOMSelect', () => {
   var React;
   var ReactDOM;
@@ -28,12 +27,13 @@ describe('ReactDOMSelect', () => {
   });
 
   it('should allow setting `defaultValue`', () => {
-    var stub =
+    var stub = (
       <select defaultValue="giraffe">
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
@@ -44,7 +44,7 @@ describe('ReactDOMSelect', () => {
     // Changing `defaultValue` should do nothing.
     ReactDOM.render(
       <select defaultValue="gorilla">{options}</select>,
-      container
+      container,
     );
     expect(node.value).toEqual('giraffe');
   });
@@ -58,12 +58,13 @@ describe('ReactDOMSelect', () => {
   });
 
   it('should not control when using `defaultValue`', () => {
-    var el =
+    var el = (
       <select defaultValue="giraffe">
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var container = document.createElement('div');
     var stub = ReactDOM.render(el, container);
     var node = ReactDOM.findDOMNode(stub);
@@ -77,39 +78,41 @@ describe('ReactDOMSelect', () => {
   });
 
   it('should allow setting `defaultValue` with multiple', () => {
-    var stub =
+    var stub = (
       <select multiple={true} defaultValue={['giraffe', 'gorilla']}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
     var node = ReactDOM.findDOMNode(stub);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(true);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(true); // gorilla
 
     // Changing `defaultValue` should do nothing.
     ReactDOM.render(
       <select multiple={true} defaultValue={['monkey']}>{options}</select>,
-      container
+      container,
     );
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(true);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(true); // gorilla
   });
 
   it('should allow setting `value`', () => {
-    var stub =
+    var stub = (
       <select value="giraffe" onChange={noop}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
@@ -120,7 +123,7 @@ describe('ReactDOMSelect', () => {
     // Changing the `value` prop should change the selected option.
     ReactDOM.render(
       <select value="gorilla" onChange={noop}>{options}</select>,
-      container
+      container,
     );
     expect(node.value).toEqual('gorilla');
   });
@@ -134,47 +137,49 @@ describe('ReactDOMSelect', () => {
   });
 
   it('should allow setting `value` with multiple', () => {
-    var stub =
+    var stub = (
       <select multiple={true} value={['giraffe', 'gorilla']} onChange={noop}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
     var node = ReactDOM.findDOMNode(stub);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(true);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(true); // gorilla
 
     // Changing the `value` prop should change the selected options.
     ReactDOM.render(
       <select multiple={true} value={['monkey']} onChange={noop}>
         {options}
       </select>,
-      container
+      container,
     );
 
-    expect(node.options[0].selected).toBe(true);  // monkey
-    expect(node.options[1].selected).toBe(false);  // giraffe
-    expect(node.options[2].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(true); // monkey
+    expect(node.options[1].selected).toBe(false); // giraffe
+    expect(node.options[2].selected).toBe(false); // gorilla
   });
 
   it('should not select other options automatically', () => {
-    var stub =
+    var stub = (
       <select multiple={true} value={['12']} onChange={noop}>
         <option value="1">one</option>
         <option value="2">two</option>
         <option value="12">twelve</option>
-      </select>;
+      </select>
+    );
     stub = ReactTestUtils.renderIntoDocument(stub);
     var node = ReactDOM.findDOMNode(stub);
 
-    expect(node.options[0].selected).toBe(false);  // one
-    expect(node.options[1].selected).toBe(false);  // two
-    expect(node.options[2].selected).toBe(true);  // twelve
+    expect(node.options[0].selected).toBe(false); // one
+    expect(node.options[1].selected).toBe(false); // two
+    expect(node.options[2].selected).toBe(true); // twelve
   });
 
   it('should reset child options selected when they are changed and `value` is set', () => {
@@ -188,14 +193,14 @@ describe('ReactDOMSelect', () => {
         <option value="b">b</option>
         <option value="c">c</option>
       </select>,
-      container
+      container,
     );
 
     var node = ReactDOM.findDOMNode(stub);
 
-    expect(node.options[0].selected).toBe(true);  // a
-    expect(node.options[1].selected).toBe(true);  // b
-    expect(node.options[2].selected).toBe(false);  // c
+    expect(node.options[0].selected).toBe(true); // a
+    expect(node.options[1].selected).toBe(true); // b
+    expect(node.options[2].selected).toBe(false); // c
   });
 
   it('should allow setting `value` with `objectToString`', () => {
@@ -206,124 +211,129 @@ describe('ReactDOMSelect', () => {
       },
     };
 
-    var el =
+    var el = (
       <select multiple={true} value={[objectToString]} onChange={noop}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var container = document.createElement('div');
     var stub = ReactDOM.render(el, container);
     var node = ReactDOM.findDOMNode(stub);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(false); // gorilla
 
     // Changing the `value` prop should change the selected options.
     objectToString.animal = 'monkey';
 
-    var el2 =
+    var el2 = (
       <select multiple={true} value={[objectToString]}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     ReactDOM.render(el2, container);
 
-    expect(node.options[0].selected).toBe(true);  // monkey
-    expect(node.options[1].selected).toBe(false);  // giraffe
-    expect(node.options[2].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(true); // monkey
+    expect(node.options[1].selected).toBe(false); // giraffe
+    expect(node.options[2].selected).toBe(false); // gorilla
   });
 
   it('should allow switching to multiple', () => {
-    var stub =
+    var stub = (
       <select defaultValue="giraffe">
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
     var node = ReactDOM.findDOMNode(stub);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(false); // gorilla
 
     // When making it multiple, giraffe and gorilla should be selected
     ReactDOM.render(
       <select multiple={true} defaultValue={['giraffe', 'gorilla']}>
         {options}
       </select>,
-      container
+      container,
     );
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(true);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(true); // gorilla
   });
 
   it('should allow switching from multiple', () => {
-    var stub =
+    var stub = (
       <select multiple={true} defaultValue={['giraffe', 'gorilla']}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
     var node = ReactDOM.findDOMNode(stub);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(true);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(true); // gorilla
 
     // When removing multiple, defaultValue is applied again, being omitted
     // means that "monkey" will be selected
     ReactDOM.render(
       <select defaultValue="gorilla">{options}</select>,
-      container
+      container,
     );
 
-
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(false);  // giraffe
-    expect(node.options[2].selected).toBe(true);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(false); // giraffe
+    expect(node.options[2].selected).toBe(true); // gorilla
   });
 
   it('should remember value when switching to uncontrolled', () => {
-    var stub =
+    var stub = (
       <select value={'giraffe'} onChange={noop}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
     var node = ReactDOM.findDOMNode(stub);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(false); // gorilla
 
     ReactDOM.render(<select>{options}</select>, container);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(false); // gorilla
   });
 
   it('should remember updated value when switching to uncontrolled', () => {
-    var stub =
+    var stub = (
       <select value={'giraffe'} onChange={noop}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var options = stub.props.children;
     var container = document.createElement('div');
     stub = ReactDOM.render(stub, container);
@@ -331,27 +341,28 @@ describe('ReactDOMSelect', () => {
 
     ReactDOM.render(
       <select value="gorilla" onChange={noop}>{options}</select>,
-      container
+      container,
     );
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(false);  // giraffe
-    expect(node.options[2].selected).toBe(true);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(false); // giraffe
+    expect(node.options[2].selected).toBe(true); // gorilla
 
     ReactDOM.render(<select>{options}</select>, container);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(false);  // giraffe
-    expect(node.options[2].selected).toBe(true);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(false); // giraffe
+    expect(node.options[2].selected).toBe(true); // gorilla
   });
 
   it('should support server-side rendering', () => {
-    var stub =
+    var stub = (
       <select value="giraffe" onChange={noop}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var markup = ReactDOMServer.renderToString(stub);
     expect(markup).toContain('<option selected="" value="giraffe"');
     expect(markup).not.toContain('<option selected="" value="monkey"');
@@ -359,12 +370,13 @@ describe('ReactDOMSelect', () => {
   });
 
   it('should support server-side rendering with defaultValue', () => {
-    var stub =
+    var stub = (
       <select defaultValue="giraffe">
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var markup = ReactDOMServer.renderToString(stub);
     expect(markup).toContain('<option selected="" value="giraffe"');
     expect(markup).not.toContain('<option selected="" value="monkey"');
@@ -372,12 +384,13 @@ describe('ReactDOMSelect', () => {
   });
 
   it('should support server-side rendering with multiple', () => {
-    var stub =
+    var stub = (
       <select multiple={true} value={['giraffe', 'gorilla']} onChange={noop}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     var markup = ReactDOMServer.renderToString(stub);
     expect(markup).toContain('<option selected="" value="giraffe"');
     expect(markup).toContain('<option selected="" value="gorilla"');
@@ -393,24 +406,24 @@ describe('ReactDOMSelect', () => {
         <option key="giraffe" value="giraffe">A giraffe!</option>
         <option key="gorilla" value="gorilla">A gorilla!</option>
       </select>,
-      container
+      container,
     );
     var node = ReactDOM.findDOMNode(select);
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(true);  // giraffe
-    expect(node.options[2].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(true); // giraffe
+    expect(node.options[2].selected).toBe(false); // gorilla
 
     ReactDOM.render(
       <select multiple={true} defaultValue={['giraffe']}>
         <option key="monkey" value="monkey">A monkey!</option>
         <option key="gorilla" value="gorilla">A gorilla!</option>
       </select>,
-      container
+      container,
     );
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(false); // gorilla
 
     ReactDOM.render(
       <select multiple={true} defaultValue={['giraffe']}>
@@ -418,35 +431,40 @@ describe('ReactDOMSelect', () => {
         <option key="giraffe" value="giraffe">A giraffe!</option>
         <option key="gorilla" value="gorilla">A gorilla!</option>
       </select>,
-      container
+      container,
     );
 
-    expect(node.options[0].selected).toBe(false);  // monkey
-    expect(node.options[1].selected).toBe(false);  // giraffe
-    expect(node.options[2].selected).toBe(false);  // gorilla
+    expect(node.options[0].selected).toBe(false); // monkey
+    expect(node.options[1].selected).toBe(false); // giraffe
+    expect(node.options[2].selected).toBe(false); // gorilla
   });
 
   it('should warn if value is null', () => {
     spyOn(console, 'error');
 
-    ReactTestUtils.renderIntoDocument(<select value={null}><option value="test" /></select>);
+    ReactTestUtils.renderIntoDocument(
+      <select value={null}><option value="test" /></select>,
+    );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       '`value` prop on `select` should not be null. ' +
-      'Consider using the empty string to clear the component or `undefined` ' +
-      'for uncontrolled components.'
+        'Consider using the empty string to clear the component or `undefined` ' +
+        'for uncontrolled components.',
     );
 
-    ReactTestUtils.renderIntoDocument(<select value={null}><option value="test" /></select>);
+    ReactTestUtils.renderIntoDocument(
+      <select value={null}><option value="test" /></select>,
+    );
     expectDev(console.error.calls.count()).toBe(1);
   });
 
   it('should refresh state on change', () => {
-    var stub =
+    var stub = (
       <select value="giraffe" onChange={noop}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     stub = ReactTestUtils.renderIntoDocument(stub);
     var node = ReactDOM.findDOMNode(stub);
 
@@ -462,14 +480,14 @@ describe('ReactDOMSelect', () => {
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>
+      </select>,
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Select elements must be either controlled or uncontrolled ' +
-      '(specify either the value prop, or the defaultValue prop, but not ' +
-      'both). Decide between using a controlled or uncontrolled select ' +
-      'element and remove one of these props. More info: ' +
-      'https://fb.me/react-controlled-components'
+        '(specify either the value prop, or the defaultValue prop, but not ' +
+        'both). Decide between using a controlled or uncontrolled select ' +
+        'element and remove one of these props. More info: ' +
+        'https://fb.me/react-controlled-components',
     );
 
     ReactTestUtils.renderIntoDocument(
@@ -477,7 +495,7 @@ describe('ReactDOMSelect', () => {
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>
+      </select>,
     );
     expectDev(console.error.calls.count()).toBe(1);
   });
@@ -488,12 +506,13 @@ describe('ReactDOMSelect', () => {
     }
 
     var container = document.createElement('div');
-    var stub =
+    var stub = (
       <select value="giraffe" onChange={changeView}>
         <option value="monkey">A monkey!</option>
         <option value="giraffe">A giraffe!</option>
         <option value="gorilla">A gorilla!</option>
-      </select>;
+      </select>
+    );
     stub = ReactDOM.render(stub, container);
     var node = ReactDOM.findDOMNode(stub);
 
@@ -501,19 +520,20 @@ describe('ReactDOMSelect', () => {
   });
 
   it('should select grandchild options nested inside an optgroup', () => {
-    var stub =
+    var stub = (
       <select value="b" onChange={noop}>
         <optgroup label="group">
           <option value="a">a</option>
           <option value="b">b</option>
           <option value="c">c</option>
         </optgroup>
-      </select>;
+      </select>
+    );
     var container = document.createElement('div');
     var node = ReactDOM.render(stub, container);
 
-    expect(node.options[0].selected).toBe(false);  // a
-    expect(node.options[1].selected).toBe(true);   // b
-    expect(node.options[2].selected).toBe(false);  // c
+    expect(node.options[0].selected).toBe(false); // a
+    expect(node.options[1].selected).toBe(true); // b
+    expect(node.options[2].selected).toBe(false); // c
   });
 });
diff --git a/src/renderers/dom/shared/wrappers/__tests__/ReactDOMTextarea-test.js b/src/renderers/dom/shared/wrappers/__tests__/ReactDOMTextarea-test.js
index dbae062a5e..254973dcc7 100644
--- a/src/renderers/dom/shared/wrappers/__tests__/ReactDOMTextarea-test.js
+++ b/src/renderers/dom/shared/wrappers/__tests__/ReactDOMTextarea-test.js
@@ -121,7 +121,7 @@ describe('ReactDOMTextarea', () => {
 
     stub = ReactDOM.render(
       <textarea value="gorilla" onChange={emptyFunction} />,
-      container
+      container,
     );
     expect(node.value).toEqual('gorilla');
   });
@@ -152,7 +152,7 @@ describe('ReactDOMTextarea', () => {
 
     stub = ReactDOM.render(
       <textarea value={true} onChange={emptyFunction} />,
-      container
+      container,
     );
     expect(node.value).toEqual('true');
   });
@@ -166,7 +166,7 @@ describe('ReactDOMTextarea', () => {
 
     stub = ReactDOM.render(
       <textarea value={false} onChange={emptyFunction} />,
-      container
+      container,
     );
     expect(node.value).toEqual('false');
   });
@@ -185,7 +185,7 @@ describe('ReactDOMTextarea', () => {
     };
     stub = ReactDOM.render(
       <textarea value={objToString} onChange={emptyFunction} />,
-      container
+      container,
     );
     expect(node.value).toEqual('foo');
   });
@@ -266,7 +266,10 @@ describe('ReactDOMTextarea', () => {
   it('should keep value when switching to uncontrolled element if not changed', () => {
     var container = document.createElement('div');
 
-    var node = renderTextarea(<textarea value="kitten" onChange={emptyFunction} />, container);
+    var node = renderTextarea(
+      <textarea value="kitten" onChange={emptyFunction} />,
+      container,
+    );
 
     expect(node.value).toBe('kitten');
 
@@ -278,11 +281,17 @@ describe('ReactDOMTextarea', () => {
   it('should keep value when switching to uncontrolled element if changed', () => {
     var container = document.createElement('div');
 
-    var node = renderTextarea(<textarea value="kitten" onChange={emptyFunction} />, container);
+    var node = renderTextarea(
+      <textarea value="kitten" onChange={emptyFunction} />,
+      container,
+    );
 
     expect(node.value).toBe('kitten');
 
-    ReactDOM.render(<textarea value="puppies" onChange={emptyFunction} />, container);
+    ReactDOM.render(
+      <textarea value="puppies" onChange={emptyFunction} />,
+      container,
+    );
 
     expect(node.value).toBe('puppies');
 
@@ -322,7 +331,7 @@ describe('ReactDOMTextarea', () => {
 
     expect(function() {
       ReactTestUtils.renderIntoDocument(
-        <textarea>{'hello'}{'there'}</textarea>
+        <textarea>{'hello'}{'there'}</textarea>,
       );
     }).toThrow();
 
@@ -350,8 +359,8 @@ describe('ReactDOMTextarea', () => {
     ReactTestUtils.renderIntoDocument(<textarea value={null} />);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       '`value` prop on `textarea` should not be null. ' +
-      'Consider using the empty string to clear the component or `undefined` ' +
-      'for uncontrolled components.'
+        'Consider using the empty string to clear the component or `undefined` ' +
+        'for uncontrolled components.',
     );
 
     ReactTestUtils.renderIntoDocument(<textarea value={null} />);
@@ -361,20 +370,19 @@ describe('ReactDOMTextarea', () => {
   it('should warn if value and defaultValue are specified', () => {
     spyOn(console, 'error');
     ReactTestUtils.renderIntoDocument(
-      <textarea value="foo" defaultValue="bar" readOnly={true} />
+      <textarea value="foo" defaultValue="bar" readOnly={true} />,
     );
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
       'Textarea elements must be either controlled or uncontrolled ' +
-      '(specify either the value prop, or the defaultValue prop, but not ' +
-      'both). Decide between using a controlled or uncontrolled textarea ' +
-      'and remove one of these props. More info: ' +
-      'https://fb.me/react-controlled-components'
+        '(specify either the value prop, or the defaultValue prop, but not ' +
+        'both). Decide between using a controlled or uncontrolled textarea ' +
+        'and remove one of these props. More info: ' +
+        'https://fb.me/react-controlled-components',
     );
 
     ReactTestUtils.renderIntoDocument(
-      <textarea value="foo" defaultValue="bar" readOnly={true} />
+      <textarea value="foo" defaultValue="bar" readOnly={true} />,
     );
     expectDev(console.error.calls.count()).toBe(1);
   });
-
 });
diff --git a/src/renderers/dom/stack/client/DOMChildrenOperations.js b/src/renderers/dom/stack/client/DOMChildrenOperations.js
index 2200f2529a..6457b21b13 100644
--- a/src/renderers/dom/stack/client/DOMChildrenOperations.js
+++ b/src/renderers/dom/stack/client/DOMChildrenOperations.js
@@ -43,7 +43,7 @@ var insertChildAt = createMicrosoftUnsafeLocalFunction(
     // `appendChild(node)`. (Using `undefined` is not allowed by all browsers so
     // we are careful to use `null`.)
     parentNode.insertBefore(childNode, referenceNode);
-  }
+  },
 );
 
 function insertLazyTreeChildAt(parentNode, childTree, referenceNode) {
@@ -72,7 +72,7 @@ function moveDelimitedText(
   parentNode,
   openingComment,
   closingComment,
-  referenceNode
+  referenceNode,
 ) {
   var node = openingComment;
   while (true) {
@@ -107,7 +107,7 @@ function replaceDelimitedText(openingComment, closingComment, stringText) {
       insertChildAt(
         parentNode,
         document.createTextNode(stringText),
-        nodeAfterComment
+        nodeAfterComment,
       );
     }
   } else {
@@ -123,7 +123,9 @@ function replaceDelimitedText(openingComment, closingComment, stringText) {
 
   if (__DEV__) {
     ReactInstrumentation.debugTool.onHostOperation({
-      instanceID: ReactDOMComponentTree.getInstanceFromNode(openingComment)._debugID,
+      instanceID: ReactDOMComponentTree.getInstanceFromNode(
+        openingComment,
+      )._debugID,
       type: 'replace text',
       payload: stringText,
     });
@@ -157,7 +159,6 @@ if (__DEV__) {
  * Operations for updating with DOM children.
  */
 var DOMChildrenOperations = {
-
   dangerouslyReplaceNodeWithMarkup: dangerouslyReplaceNodeWithMarkup,
 
   replaceDelimitedText: replaceDelimitedText,
@@ -171,8 +172,9 @@ var DOMChildrenOperations = {
    */
   processUpdates: function(parentNode, updates) {
     if (__DEV__) {
-      var parentNodeDebugID =
-        ReactDOMComponentTree.getInstanceFromNode(parentNode)._debugID;
+      var parentNodeDebugID = ReactDOMComponentTree.getInstanceFromNode(
+        parentNode,
+      )._debugID;
     }
 
     for (var k = 0; k < updates.length; k++) {
@@ -182,13 +184,16 @@ var DOMChildrenOperations = {
           insertLazyTreeChildAt(
             parentNode,
             update.content,
-            getNodeAfter(parentNode, update.afterNode)
+            getNodeAfter(parentNode, update.afterNode),
           );
           if (__DEV__) {
             ReactInstrumentation.debugTool.onHostOperation({
               instanceID: parentNodeDebugID,
               type: 'insert child',
-              payload: {toIndex: update.toIndex, content: update.content.toString()},
+              payload: {
+                toIndex: update.toIndex,
+                content: update.content.toString(),
+              },
             });
           }
           break;
@@ -196,7 +201,7 @@ var DOMChildrenOperations = {
           moveChild(
             parentNode,
             update.fromNode,
-            getNodeAfter(parentNode, update.afterNode)
+            getNodeAfter(parentNode, update.afterNode),
           );
           if (__DEV__) {
             ReactInstrumentation.debugTool.onHostOperation({
@@ -207,10 +212,7 @@ var DOMChildrenOperations = {
           }
           break;
         case 'SET_MARKUP':
-          setInnerHTML(
-            parentNode,
-            update.content
-          );
+          setInnerHTML(parentNode, update.content);
           if (__DEV__) {
             ReactInstrumentation.debugTool.onHostOperation({
               instanceID: parentNodeDebugID,
@@ -220,10 +222,7 @@ var DOMChildrenOperations = {
           }
           break;
         case 'TEXT_CONTENT':
-          setTextContent(
-            parentNode,
-            update.content
-          );
+          setTextContent(parentNode, update.content);
           if (__DEV__) {
             ReactInstrumentation.debugTool.onHostOperation({
               instanceID: parentNodeDebugID,
@@ -245,7 +244,6 @@ var DOMChildrenOperations = {
       }
     }
   },
-
 };
 
 module.exports = DOMChildrenOperations;
diff --git a/src/renderers/dom/stack/client/DOMLazyTree.js b/src/renderers/dom/stack/client/DOMLazyTree.js
index c6c0b98f9e..7d5b6bb1b6 100644
--- a/src/renderers/dom/stack/client/DOMLazyTree.js
+++ b/src/renderers/dom/stack/client/DOMLazyTree.js
@@ -31,14 +31,11 @@ var DOCUMENT_FRAGMENT_NODE_TYPE = 11;
  *
  * See https://github.com/spicyj/innerhtml-vs-createelement-vs-clonenode.
  */
-var enableLazy = (
-  typeof document !== 'undefined' &&
-  typeof document.documentMode === 'number'
-  ||
-  typeof navigator !== 'undefined' &&
-  typeof navigator.userAgent === 'string' &&
-  /\bEdge\/\d/.test(navigator.userAgent)
-);
+var enableLazy = (typeof document !== 'undefined' &&
+  typeof document.documentMode === 'number') ||
+  (typeof navigator !== 'undefined' &&
+    typeof navigator.userAgent === 'string' &&
+    /\bEdge\/\d/.test(navigator.userAgent));
 
 function insertTreeChildren(tree) {
   if (!enableLazy) {
@@ -65,19 +62,20 @@ var insertTreeBefore = createMicrosoftUnsafeLocalFunction(
     // this level. Also, some <object> plugins (like Flash Player) will read
     // <param> nodes immediately upon insertion into the DOM, so <object>
     // must also be populated prior to insertion into the DOM.
-    if (tree.node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE
-        ||
-        tree.node.nodeType === ELEMENT_NODE_TYPE &&
+    if (
+      tree.node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE ||
+      (tree.node.nodeType === ELEMENT_NODE_TYPE &&
         tree.node.nodeName.toLowerCase() === 'object' &&
         (tree.node.namespaceURI == null ||
-         tree.node.namespaceURI === DOMNamespaces.html)) {
+          tree.node.namespaceURI === DOMNamespaces.html))
+    ) {
       insertTreeChildren(tree);
       parentNode.insertBefore(tree.node, referenceNode);
     } else {
       parentNode.insertBefore(tree.node, referenceNode);
       insertTreeChildren(tree);
     }
-  }
+  },
 );
 
 function replaceChildWithTree(oldNode, newTree) {
diff --git a/src/renderers/dom/stack/client/Danger.js b/src/renderers/dom/stack/client/Danger.js
index ddd0f407b7..77542e52c8 100644
--- a/src/renderers/dom/stack/client/Danger.js
+++ b/src/renderers/dom/stack/client/Danger.js
@@ -19,7 +19,6 @@ var emptyFunction = require('fbjs/lib/emptyFunction');
 var invariant = require('fbjs/lib/invariant');
 
 var Danger = {
-
   /**
    * Replaces a node with a string of markup at its current position within its
    * parent. The markup must render into a single root node.
@@ -32,17 +31,17 @@ var Danger = {
     invariant(
       ExecutionEnvironment.canUseDOM,
       'dangerouslyReplaceNodeWithMarkup(...): Cannot render markup in a ' +
-      'worker thread. Make sure `window` and `document` are available ' +
-      'globally before requiring React when unit testing or use ' +
-      'ReactDOMServer.renderToString() for server rendering.'
+        'worker thread. Make sure `window` and `document` are available ' +
+        'globally before requiring React when unit testing or use ' +
+        'ReactDOMServer.renderToString() for server rendering.',
     );
     invariant(markup, 'dangerouslyReplaceNodeWithMarkup(...): Missing markup.');
     invariant(
       oldChild.nodeName !== 'HTML',
       'dangerouslyReplaceNodeWithMarkup(...): Cannot replace markup of the ' +
-      '<html> node. This is because browser quirks make this unreliable ' +
-      'and/or slow. If you want to render to the root you must use ' +
-      'server rendering. See ReactDOMServer.renderToString().'
+        '<html> node. This is because browser quirks make this unreliable ' +
+        'and/or slow. If you want to render to the root you must use ' +
+        'server rendering. See ReactDOMServer.renderToString().',
     );
 
     if (typeof markup === 'string') {
@@ -52,7 +51,6 @@ var Danger = {
       DOMLazyTree.replaceChildWithTree(oldChild, markup);
     }
   },
-
 };
 
 module.exports = Danger;
diff --git a/src/renderers/dom/stack/client/ReactComponentBrowserEnvironment.js b/src/renderers/dom/stack/client/ReactComponentBrowserEnvironment.js
index c55233e397..fe874cdc6c 100644
--- a/src/renderers/dom/stack/client/ReactComponentBrowserEnvironment.js
+++ b/src/renderers/dom/stack/client/ReactComponentBrowserEnvironment.js
@@ -20,13 +20,9 @@ var ReactDOMIDOperations = require('ReactDOMIDOperations');
  * need for this injection.
  */
 var ReactComponentBrowserEnvironment = {
+  processChildrenUpdates: ReactDOMIDOperations.dangerouslyProcessChildrenUpdates,
 
-  processChildrenUpdates:
-    ReactDOMIDOperations.dangerouslyProcessChildrenUpdates,
-
-  replaceNodeWithMarkup:
-    DOMChildrenOperations.dangerouslyReplaceNodeWithMarkup,
-
+  replaceNodeWithMarkup: DOMChildrenOperations.dangerouslyReplaceNodeWithMarkup,
 };
 
 module.exports = ReactComponentBrowserEnvironment;
diff --git a/src/renderers/dom/stack/client/ReactDOMComponent.js b/src/renderers/dom/stack/client/ReactDOMComponent.js
index c4eedbae0e..8e73894697 100644
--- a/src/renderers/dom/stack/client/ReactDOMComponent.js
+++ b/src/renderers/dom/stack/client/ReactDOMComponent.js
@@ -46,7 +46,7 @@ var listenTo = ReactBrowserEventEmitter.listenTo;
 var registrationNameModules = EventPluginRegistry.registrationNameModules;
 
 // For quickly matching children type, to test if can be treated as content.
-var CONTENT_TYPES = {'string': true, 'number': true};
+var CONTENT_TYPES = {string: true, number: true};
 
 var STYLE = 'style';
 var HTML = '__html';
@@ -59,7 +59,6 @@ var RESERVED_PROPS = {
 // Node type for document fragments (Node.DOCUMENT_FRAGMENT_NODE).
 var DOC_FRAGMENT_TYPE = 11;
 
-
 function getDeclarationErrorAddendum(internalInstance) {
   if (internalInstance) {
     var owner = internalInstance._currentElement._owner || null;
@@ -86,53 +85,52 @@ function assertValidProps(component, props) {
     invariant(
       props.children == null && props.dangerouslySetInnerHTML == null,
       '%s is a void element tag and must neither have `children` nor ' +
-      'use `dangerouslySetInnerHTML`.%s',
+        'use `dangerouslySetInnerHTML`.%s',
       component._tag,
-      getDeclarationErrorAddendum(component)
+      getDeclarationErrorAddendum(component),
     );
   }
   if (props.dangerouslySetInnerHTML != null) {
     invariant(
       props.children == null,
-      'Can only set one of `children` or `props.dangerouslySetInnerHTML`.'
+      'Can only set one of `children` or `props.dangerouslySetInnerHTML`.',
     );
     invariant(
       typeof props.dangerouslySetInnerHTML === 'object' &&
-      HTML in props.dangerouslySetInnerHTML,
+        HTML in props.dangerouslySetInnerHTML,
       '`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' +
-      'Please visit https://fb.me/react-invariant-dangerously-set-inner-html ' +
-      'for more information.'
+        'Please visit https://fb.me/react-invariant-dangerously-set-inner-html ' +
+        'for more information.',
     );
   }
   if (__DEV__) {
     warning(
       props.innerHTML == null,
       'Directly setting property `innerHTML` is not permitted. ' +
-      'For more information, lookup documentation on `dangerouslySetInnerHTML`.'
+        'For more information, lookup documentation on `dangerouslySetInnerHTML`.',
     );
     warning(
       props.suppressContentEditableWarning ||
-      !props.contentEditable ||
-      props.children == null,
+        !props.contentEditable ||
+        props.children == null,
       'A component is `contentEditable` and contains `children` managed by ' +
-      'React. It is now your responsibility to guarantee that none of ' +
-      'those nodes are unexpectedly modified or duplicated. This is ' +
-      'probably not intentional.'
+        'React. It is now your responsibility to guarantee that none of ' +
+        'those nodes are unexpectedly modified or duplicated. This is ' +
+        'probably not intentional.',
     );
     warning(
-      props.onFocusIn == null &&
-      props.onFocusOut == null,
+      props.onFocusIn == null && props.onFocusOut == null,
       'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' +
-      'All React events are normalized to bubble, so onFocusIn and onFocusOut ' +
-      'are not needed/supported by React.'
+        'All React events are normalized to bubble, so onFocusIn and onFocusOut ' +
+        'are not needed/supported by React.',
     );
   }
   invariant(
     props.style == null || typeof props.style === 'object',
     'The `style` prop expects a mapping from style properties to values, ' +
-    'not a string. For example, style={{marginRight: spacing + \'em\'}} when ' +
-    'using JSX.%s',
-     getDeclarationErrorAddendum(component)
+      "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+      'using JSX.%s',
+    getDeclarationErrorAddendum(component),
   );
 }
 
@@ -145,12 +143,15 @@ function ensureListeningTo(inst, registrationName, transaction) {
     // bubble.
     warning(
       registrationName !== 'onScroll' || isEventSupported('scroll', true),
-      'This browser doesn\'t support the `onScroll` event'
+      "This browser doesn't support the `onScroll` event",
     );
   }
   var containerInfo = inst._hostContainerInfo;
-  var isDocumentFragment = containerInfo._node && containerInfo._node.nodeType === DOC_FRAGMENT_TYPE;
-  var doc = isDocumentFragment ? containerInfo._node : containerInfo._ownerDocument;
+  var isDocumentFragment = containerInfo._node &&
+    containerInfo._node.nodeType === DOC_FRAGMENT_TYPE;
+  var doc = isDocumentFragment
+    ? containerInfo._node
+    : containerInfo._ownerDocument;
   listenTo(registrationName, doc);
 }
 
@@ -188,10 +189,17 @@ if (__DEV__) {
     validateDOMNesting(null, '' + content, this, this._ancestorInfo);
     this._contentDebugID = contentDebugID;
     if (hasExistingContent) {
-      ReactInstrumentation.debugTool.onBeforeUpdateComponent(contentDebugID, content);
+      ReactInstrumentation.debugTool.onBeforeUpdateComponent(
+        contentDebugID,
+        content,
+      );
       ReactInstrumentation.debugTool.onUpdateComponent(contentDebugID);
     } else {
-      ReactInstrumentation.debugTool.onBeforeMountComponent(contentDebugID, content, debugID);
+      ReactInstrumentation.debugTool.onBeforeMountComponent(
+        contentDebugID,
+        content,
+        debugID,
+      );
       ReactInstrumentation.debugTool.onMountComponent(contentDebugID);
       ReactInstrumentation.debugTool.onSetChildren(debugID, [contentDebugID]);
     }
@@ -250,25 +258,17 @@ function trapBubbledEventsLocal() {
   // the state of the tree to be corrupted, `node` here can be null.
   invariant(inst._rootNodeID, 'Must be mounted to trap events');
   var node = getNode(inst);
-  invariant(
-    node,
-    'trapBubbledEvent(...): Requires node to be rendered.'
-  );
+  invariant(node, 'trapBubbledEvent(...): Requires node to be rendered.');
 
   switch (inst._tag) {
     case 'iframe':
     case 'object':
       inst._wrapperState.listeners = [
-        ReactBrowserEventEmitter.trapBubbledEvent(
-          'topLoad',
-          'load',
-          node
-        ),
+        ReactBrowserEventEmitter.trapBubbledEvent('topLoad', 'load', node),
       ];
       break;
     case 'video':
     case 'audio':
-
       inst._wrapperState.listeners = [];
       // Create listener for each media event
       for (var event in mediaEvents) {
@@ -277,48 +277,28 @@ function trapBubbledEventsLocal() {
             ReactBrowserEventEmitter.trapBubbledEvent(
               event,
               mediaEvents[event],
-              node
-            )
+              node,
+            ),
           );
         }
       }
       break;
     case 'source':
       inst._wrapperState.listeners = [
-        ReactBrowserEventEmitter.trapBubbledEvent(
-          'topError',
-          'error',
-          node
-        ),
+        ReactBrowserEventEmitter.trapBubbledEvent('topError', 'error', node),
       ];
       break;
     case 'img':
     case 'image':
       inst._wrapperState.listeners = [
-        ReactBrowserEventEmitter.trapBubbledEvent(
-          'topError',
-          'error',
-          node
-        ),
-        ReactBrowserEventEmitter.trapBubbledEvent(
-          'topLoad',
-          'load',
-          node
-        ),
+        ReactBrowserEventEmitter.trapBubbledEvent('topError', 'error', node),
+        ReactBrowserEventEmitter.trapBubbledEvent('topLoad', 'load', node),
       ];
       break;
     case 'form':
       inst._wrapperState.listeners = [
-        ReactBrowserEventEmitter.trapBubbledEvent(
-          'topReset',
-          'reset',
-          node
-        ),
-        ReactBrowserEventEmitter.trapBubbledEvent(
-          'topSubmit',
-          'submit',
-          node
-        ),
+        ReactBrowserEventEmitter.trapBubbledEvent('topReset', 'reset', node),
+        ReactBrowserEventEmitter.trapBubbledEvent('topSubmit', 'submit', node),
       ];
       break;
     case 'input':
@@ -328,17 +308,13 @@ function trapBubbledEventsLocal() {
         ReactBrowserEventEmitter.trapBubbledEvent(
           'topInvalid',
           'invalid',
-          node
+          node,
         ),
       ];
       break;
     case 'details':
       inst._wrapperState.listeners = [
-        ReactBrowserEventEmitter.trapBubbledEvent(
-          'topToggle',
-          'toggle',
-          node
-        ),
+        ReactBrowserEventEmitter.trapBubbledEvent('topToggle', 'toggle', node),
       ];
       break;
   }
@@ -352,36 +328,39 @@ function postUpdateSelectWrapper() {
 // those special-case tags.
 
 var omittedCloseTags = {
-  'area': true,
-  'base': true,
-  'br': true,
-  'col': true,
-  'embed': true,
-  'hr': true,
-  'img': true,
-  'input': true,
-  'keygen': true,
-  'link': true,
-  'meta': true,
-  'param': true,
-  'source': true,
-  'track': true,
-  'wbr': true,
+  area: true,
+  base: true,
+  br: true,
+  col: true,
+  embed: true,
+  hr: true,
+  img: true,
+  input: true,
+  keygen: true,
+  link: true,
+  meta: true,
+  param: true,
+  source: true,
+  track: true,
+  wbr: true,
   // NOTE: menuitem's close tag should be omitted, but that causes problems.
 };
 
 var newlineEatingTags = {
-  'listing': true,
-  'pre': true,
-  'textarea': true,
+  listing: true,
+  pre: true,
+  textarea: true,
 };
 
 // For HTML, certain tags cannot have children. This has the same purpose as
 // `omittedCloseTags` except that `menuitem` should still have its closing tag.
 
-var voidElementTags = Object.assign({
-  'menuitem': true,
-}, omittedCloseTags);
+var voidElementTags = Object.assign(
+  {
+    menuitem: true,
+  },
+  omittedCloseTags,
+);
 
 // We accept any tag to be rendered but since this gets injected into arbitrary
 // HTML, we want to make sure that it's a safe tag.
@@ -441,7 +420,6 @@ function ReactDOMComponent(element) {
 ReactDOMComponent.displayName = 'ReactDOMComponent';
 
 ReactDOMComponent.Mixin = {
-
   /**
    * Generates root tag markup then recurses. This method has side effects and
    * is not idempotent.
@@ -457,7 +435,7 @@ ReactDOMComponent.Mixin = {
     transaction,
     hostParent,
     hostContainerInfo,
-    context
+    context,
   ) {
     this._rootNodeID = globalIdCounter++;
     this._domID = hostContainerInfo._idCounter++;
@@ -527,18 +505,20 @@ ReactDOMComponent.Mixin = {
       namespaceURI = hostContainerInfo._namespaceURI;
       parentTag = hostContainerInfo._tag;
     }
-    if (namespaceURI == null ||
-        namespaceURI === DOMNamespaces.svg && parentTag === 'foreignobject') {
+    if (
+      namespaceURI == null ||
+      (namespaceURI === DOMNamespaces.svg && parentTag === 'foreignobject')
+    ) {
       namespaceURI = DOMNamespaces.html;
     }
     if (namespaceURI === DOMNamespaces.html) {
       if (__DEV__) {
         warning(
           isCustomComponent(this._tag, props) ||
-          this._tag === this._currentElement.type,
+            this._tag === this._currentElement.type,
           '<%s /> is using uppercase HTML. Always use lowercase HTML tags ' +
-          'in React.',
-          this._currentElement.type
+            'in React.',
+          this._currentElement.type,
         );
       }
       if (this._tag === 'svg') {
@@ -561,8 +541,11 @@ ReactDOMComponent.Mixin = {
         // component when server rendering
         validateDOMNesting(this._tag, null, this, parentInfo);
       }
-      this._ancestorInfo =
-        validateDOMNesting.updatedAncestorInfo(parentInfo, this._tag, this);
+      this._ancestorInfo = validateDOMNesting.updatedAncestorInfo(
+        parentInfo,
+        this._tag,
+        this,
+      );
     }
 
     var mountImage;
@@ -586,20 +569,17 @@ ReactDOMComponent.Mixin = {
           el = ownerDocument.createElement(type);
         }
       } else {
-        el = ownerDocument.createElementNS(
-          namespaceURI,
-          type
-        );
+        el = ownerDocument.createElementNS(namespaceURI, type);
       }
       var isCustomComponentTag = isCustomComponent(this._tag, props);
       if (__DEV__ && isCustomComponentTag && !didWarnShadyDOM && el.shadyRoot) {
         var owner = this._currentElement._owner;
-        var name = owner && owner.getName() || 'A component';
+        var name = (owner && owner.getName()) || 'A component';
         warning(
           false,
           '%s is using shady DOM. Using shady DOM with React can ' +
-          'cause things to break subtly.',
-          name
+            'cause things to break subtly.',
+          name,
         );
         didWarnShadyDOM = true;
       }
@@ -614,7 +594,10 @@ ReactDOMComponent.Mixin = {
       mountImage = lazyTree;
     } else {
       validateDangerousTag(this._tag);
-      var tagOpen = this._createOpenTagMarkupAndPutListeners(transaction, props);
+      var tagOpen = this._createOpenTagMarkupAndPutListeners(
+        transaction,
+        props,
+      );
       var tagContent = this._createContentMarkup(transaction, props, context);
       if (!tagContent && omittedCloseTags[this._tag]) {
         mountImage = tagOpen + '/>';
@@ -625,57 +608,43 @@ ReactDOMComponent.Mixin = {
 
     switch (this._tag) {
       case 'input':
-        transaction.getReactMountReady().enqueue(
-          inputPostMount,
-          this
-        );
+        transaction.getReactMountReady().enqueue(inputPostMount, this);
         if (props.autoFocus) {
-          transaction.getReactMountReady().enqueue(
-            AutoFocusUtils.focusDOMComponent,
-            this
-          );
+          transaction
+            .getReactMountReady()
+            .enqueue(AutoFocusUtils.focusDOMComponent, this);
         }
         break;
       case 'textarea':
-        transaction.getReactMountReady().enqueue(
-          textareaPostMount,
-          this
-        );
+        transaction.getReactMountReady().enqueue(textareaPostMount, this);
         if (props.autoFocus) {
-          transaction.getReactMountReady().enqueue(
-            AutoFocusUtils.focusDOMComponent,
-            this
-          );
+          transaction
+            .getReactMountReady()
+            .enqueue(AutoFocusUtils.focusDOMComponent, this);
         }
         break;
       case 'select':
         if (props.autoFocus) {
-          transaction.getReactMountReady().enqueue(
-            AutoFocusUtils.focusDOMComponent,
-            this
-          );
+          transaction
+            .getReactMountReady()
+            .enqueue(AutoFocusUtils.focusDOMComponent, this);
         }
         break;
       case 'button':
         if (props.autoFocus) {
-          transaction.getReactMountReady().enqueue(
-            AutoFocusUtils.focusDOMComponent,
-            this
-          );
+          transaction
+            .getReactMountReady()
+            .enqueue(AutoFocusUtils.focusDOMComponent, this);
         }
         break;
       case 'option':
-        transaction.getReactMountReady().enqueue(
-          optionPostMount,
-          this
-        );
+        transaction.getReactMountReady().enqueue(optionPostMount, this);
         break;
       default:
         if (typeof props.onClick === 'function') {
-          transaction.getReactMountReady().enqueue(
-            trapClickOnNonInteractiveElement,
-            this
-          );
+          transaction
+            .getReactMountReady()
+            .enqueue(trapClickOnNonInteractiveElement, this);
         }
         break;
     }
@@ -718,15 +687,24 @@ ReactDOMComponent.Mixin = {
               Object.freeze(propValue);
             }
           }
-          propValue = CSSPropertyOperations.createMarkupForStyles(propValue, this);
+          propValue = CSSPropertyOperations.createMarkupForStyles(
+            propValue,
+            this,
+          );
         }
         var markup = null;
         if (this._tag != null && isCustomComponent(this._tag, props)) {
           if (!RESERVED_PROPS.hasOwnProperty(propKey)) {
-            markup = DOMPropertyOperations.createMarkupForCustomAttribute(propKey, propValue);
+            markup = DOMPropertyOperations.createMarkupForCustomAttribute(
+              propKey,
+              propValue,
+            );
           }
         } else {
-          markup = DOMPropertyOperations.createMarkupForProperty(propKey, propValue);
+          markup = DOMPropertyOperations.createMarkupForProperty(
+            propKey,
+            propValue,
+          );
         }
         if (markup) {
           ret += ' ' + markup;
@@ -766,8 +744,9 @@ ReactDOMComponent.Mixin = {
         ret = innerHTML.__html;
       }
     } else {
-      var contentToUse =
-        CONTENT_TYPES[typeof props.children] ? props.children : null;
+      var contentToUse = CONTENT_TYPES[typeof props.children]
+        ? props.children
+        : null;
       var childrenToUse = contentToUse != null ? null : props.children;
       if (contentToUse != null) {
         // TODO: Validate that text is allowed as a child of this node
@@ -779,7 +758,7 @@ ReactDOMComponent.Mixin = {
         var mountImages = this.mountChildren(
           childrenToUse,
           transaction,
-          context
+          context,
         );
         ret = mountImages.join('');
       }
@@ -810,8 +789,9 @@ ReactDOMComponent.Mixin = {
         DOMLazyTree.queueHTML(lazyTree, innerHTMLContent);
       }
     } else {
-      var contentToUse =
-        CONTENT_TYPES[typeof props.children] ? props.children : null;
+      var contentToUse = CONTENT_TYPES[typeof props.children]
+        ? props.children
+        : null;
       var childrenToUse = contentToUse != null ? null : props.children;
       // TODO: Validate that text is allowed as a child of this node
       if (contentToUse != null) {
@@ -829,7 +809,7 @@ ReactDOMComponent.Mixin = {
         var mountImages = this.mountChildren(
           childrenToUse,
           transaction,
-          context
+          context,
         );
         for (var i = 0; i < mountImages.length; i++) {
           DOMLazyTree.queueChild(lazyTree, mountImages[i]);
@@ -884,25 +864,26 @@ ReactDOMComponent.Mixin = {
         nextProps = ReactDOMTextarea.getHostProps(this, nextProps);
         break;
       default:
-        if (typeof lastProps.onClick !== 'function' &&
-            typeof nextProps.onClick === 'function') {
-          transaction.getReactMountReady().enqueue(
-            trapClickOnNonInteractiveElement,
-            this
-          );
+        if (
+          typeof lastProps.onClick !== 'function' &&
+          typeof nextProps.onClick === 'function'
+        ) {
+          transaction
+            .getReactMountReady()
+            .enqueue(trapClickOnNonInteractiveElement, this);
         }
         break;
     }
 
     assertValidProps(this, nextProps);
     var isCustomComponentTag = isCustomComponent(this._tag, nextProps);
-    this._updateDOMProperties(lastProps, nextProps, transaction, isCustomComponentTag);
-    this._updateDOMChildren(
+    this._updateDOMProperties(
       lastProps,
       nextProps,
       transaction,
-      context
+      isCustomComponentTag,
     );
+    this._updateDOMChildren(lastProps, nextProps, transaction, context);
 
     switch (this._tag) {
       case 'input':
@@ -942,15 +923,17 @@ ReactDOMComponent.Mixin = {
     lastProps,
     nextProps,
     transaction,
-    isCustomComponentTag
+    isCustomComponentTag,
   ) {
     var propKey;
     var styleName;
     var styleUpdates;
     for (propKey in lastProps) {
-      if (nextProps.hasOwnProperty(propKey) ||
-         !lastProps.hasOwnProperty(propKey) ||
-         lastProps[propKey] == null) {
+      if (
+        nextProps.hasOwnProperty(propKey) ||
+        !lastProps.hasOwnProperty(propKey) ||
+        lastProps[propKey] == null
+      ) {
         continue;
       }
       if (propKey === STYLE) {
@@ -965,23 +948,23 @@ ReactDOMComponent.Mixin = {
         // Do nothing for event names.
       } else if (isCustomComponent(this._tag, lastProps)) {
         if (!RESERVED_PROPS.hasOwnProperty(propKey)) {
-          DOMPropertyOperations.deleteValueForAttribute(
-            getNode(this),
-            propKey
-          );
+          DOMPropertyOperations.deleteValueForAttribute(getNode(this), propKey);
         }
       } else if (
-          DOMProperty.properties[propKey] ||
-          DOMProperty.isCustomAttribute(propKey)) {
+        DOMProperty.properties[propKey] ||
+        DOMProperty.isCustomAttribute(propKey)
+      ) {
         DOMPropertyOperations.deleteValueForProperty(getNode(this), propKey);
       }
     }
     for (propKey in nextProps) {
       var nextProp = nextProps[propKey];
       var lastProp = lastProps != null ? lastProps[propKey] : undefined;
-      if (!nextProps.hasOwnProperty(propKey) ||
-          nextProp === lastProp ||
-          nextProp == null && lastProp == null) {
+      if (
+        !nextProps.hasOwnProperty(propKey) ||
+        nextProp === lastProp ||
+        (nextProp == null && lastProp == null)
+      ) {
         continue;
       }
       if (propKey === STYLE) {
@@ -993,16 +976,20 @@ ReactDOMComponent.Mixin = {
         if (lastProp) {
           // Unset styles on `lastProp` but not on `nextProp`.
           for (styleName in lastProp) {
-            if (lastProp.hasOwnProperty(styleName) &&
-                (!nextProp || !nextProp.hasOwnProperty(styleName))) {
+            if (
+              lastProp.hasOwnProperty(styleName) &&
+              (!nextProp || !nextProp.hasOwnProperty(styleName))
+            ) {
               styleUpdates = styleUpdates || {};
               styleUpdates[styleName] = '';
             }
           }
           // Update styles that changed since `lastProp`.
           for (styleName in nextProp) {
-            if (nextProp.hasOwnProperty(styleName) &&
-                lastProp[styleName] !== nextProp[styleName]) {
+            if (
+              nextProp.hasOwnProperty(styleName) &&
+              lastProp[styleName] !== nextProp[styleName]
+            ) {
               styleUpdates = styleUpdates || {};
               styleUpdates[styleName] = nextProp[styleName];
             }
@@ -1020,12 +1007,13 @@ ReactDOMComponent.Mixin = {
           DOMPropertyOperations.setValueForAttribute(
             getNode(this),
             propKey,
-            nextProp
+            nextProp,
           );
         }
       } else if (
-          DOMProperty.properties[propKey] ||
-          DOMProperty.isCustomAttribute(propKey)) {
+        DOMProperty.properties[propKey] ||
+        DOMProperty.isCustomAttribute(propKey)
+      ) {
         var node = getNode(this);
         // If we're updating to null or undefined, we should remove the property
         // from the DOM node instead of inadvertently setting to a string. This
@@ -1048,7 +1036,7 @@ ReactDOMComponent.Mixin = {
       CSSPropertyOperations.setValueForStyles(
         getNode(this),
         styleUpdates,
-        this
+        this,
       );
     }
   },
@@ -1063,16 +1051,16 @@ ReactDOMComponent.Mixin = {
    * @param {object} context
    */
   _updateDOMChildren: function(lastProps, nextProps, transaction, context) {
-    var lastContent =
-      CONTENT_TYPES[typeof lastProps.children] ? lastProps.children : null;
-    var nextContent =
-      CONTENT_TYPES[typeof nextProps.children] ? nextProps.children : null;
+    var lastContent = CONTENT_TYPES[typeof lastProps.children]
+      ? lastProps.children
+      : null;
+    var nextContent = CONTENT_TYPES[typeof nextProps.children]
+      ? nextProps.children
+      : null;
 
-    var lastHtml =
-      lastProps.dangerouslySetInnerHTML &&
+    var lastHtml = lastProps.dangerouslySetInnerHTML &&
       lastProps.dangerouslySetInnerHTML.__html;
-    var nextHtml =
-      nextProps.dangerouslySetInnerHTML &&
+    var nextHtml = nextProps.dangerouslySetInnerHTML &&
       nextProps.dangerouslySetInnerHTML.__html;
 
     // Note the use of `!=` which checks for null or undefined.
@@ -1159,11 +1147,11 @@ ReactDOMComponent.Mixin = {
         invariant(
           false,
           '<%s> tried to unmount. Because of cross-browser quirks it is ' +
-          'impossible to unmount some top-level components (eg <html>, ' +
-          '<head>, and <body>) reliably and efficiently. To fix this, have a ' +
-          'single top-level component that never unmounts render these ' +
-          'elements.',
-          this._tag
+            'impossible to unmount some top-level components (eg <html>, ' +
+            '<head>, and <body>) reliably and efficiently. To fix this, have a ' +
+            'single top-level component that never unmounts render these ' +
+            'elements.',
+          this._tag,
         );
         break;
     }
@@ -1196,13 +1184,12 @@ ReactDOMComponent.Mixin = {
   getPublicInstance: function() {
     return getNode(this);
   },
-
 };
 
 Object.assign(
   ReactDOMComponent.prototype,
   ReactDOMComponent.Mixin,
-  ReactMultiChild
+  ReactMultiChild,
 );
 
 module.exports = ReactDOMComponent;
diff --git a/src/renderers/dom/stack/client/ReactDOMContainerInfo.js b/src/renderers/dom/stack/client/ReactDOMContainerInfo.js
index 0f74f733a7..263c42c764 100644
--- a/src/renderers/dom/stack/client/ReactDOMContainerInfo.js
+++ b/src/renderers/dom/stack/client/ReactDOMContainerInfo.js
@@ -19,16 +19,17 @@ function ReactDOMContainerInfo(topLevelWrapper, node) {
   var info = {
     _topLevelWrapper: topLevelWrapper,
     _idCounter: 1,
-    _ownerDocument: node ?
-      node.nodeType === DOC_NODE_TYPE ? node : node.ownerDocument :
-      null,
+    _ownerDocument: node
+      ? node.nodeType === DOC_NODE_TYPE ? node : node.ownerDocument
+      : null,
     _node: node,
     _tag: node ? node.nodeName.toLowerCase() : null,
     _namespaceURI: node ? node.namespaceURI : null,
   };
   if (__DEV__) {
-    info._ancestorInfo = node ?
-      validateDOMNesting.updatedAncestorInfo(null, info._tag, null) : null;
+    info._ancestorInfo = node
+      ? validateDOMNesting.updatedAncestorInfo(null, info._tag, null)
+      : null;
   }
   return info;
 }
diff --git a/src/renderers/dom/stack/client/ReactDOMEmptyComponent.js b/src/renderers/dom/stack/client/ReactDOMEmptyComponent.js
index 0a7b8c6b2f..bbc6316342 100644
--- a/src/renderers/dom/stack/client/ReactDOMEmptyComponent.js
+++ b/src/renderers/dom/stack/client/ReactDOMEmptyComponent.js
@@ -14,7 +14,6 @@
 var DOMLazyTree = require('DOMLazyTree');
 var ReactDOMComponentTree = require('ReactDOMComponentTree');
 
-
 var ReactDOMEmptyComponent = function(instantiate) {
   // ReactCompositeComponent uses this:
   this._currentElement = null;
@@ -29,7 +28,7 @@ Object.assign(ReactDOMEmptyComponent.prototype, {
     transaction,
     hostParent,
     hostContainerInfo,
-    context
+    context,
   ) {
     var domID = hostContainerInfo._idCounter++;
     this._domID = domID;
@@ -52,8 +51,7 @@ Object.assign(ReactDOMEmptyComponent.prototype, {
       return '<!--' + nodeValue + '-->';
     }
   },
-  receiveComponent: function() {
-  },
+  receiveComponent: function() {},
   getHostNode: function() {
     return ReactDOMComponentTree.getNodeFromInstance(this);
   },
diff --git a/src/renderers/dom/stack/client/ReactDOMIDOperations.js b/src/renderers/dom/stack/client/ReactDOMIDOperations.js
index fd8c16797b..e24335341d 100644
--- a/src/renderers/dom/stack/client/ReactDOMIDOperations.js
+++ b/src/renderers/dom/stack/client/ReactDOMIDOperations.js
@@ -18,7 +18,6 @@ var ReactDOMComponentTree = require('ReactDOMComponentTree');
  * Operations used to process updates to DOM nodes.
  */
 var ReactDOMIDOperations = {
-
   /**
    * Updates a component's children by processing a series of updates.
    *
diff --git a/src/renderers/dom/stack/client/ReactDOMStackInjection.js b/src/renderers/dom/stack/client/ReactDOMStackInjection.js
index 379628873c..8ca7c1c9ee 100644
--- a/src/renderers/dom/stack/client/ReactDOMStackInjection.js
+++ b/src/renderers/dom/stack/client/ReactDOMStackInjection.js
@@ -12,8 +12,7 @@
 'use strict';
 
 var ReactComponentEnvironment = require('ReactComponentEnvironment');
-var ReactComponentBrowserEnvironment =
-  require('ReactComponentBrowserEnvironment');
+var ReactComponentBrowserEnvironment = require('ReactComponentBrowserEnvironment');
 var ReactDOMComponent = require('ReactDOMComponent');
 var ReactDOMComponentTree = require('ReactDOMComponentTree');
 var ReactDOMEmptyComponent = require('ReactDOMEmptyComponent');
@@ -40,31 +39,25 @@ function inject() {
   alreadyInjected = true;
 
   ReactGenericBatching.injection.injectStackBatchedUpdates(
-    ReactUpdates.batchedUpdates
+    ReactUpdates.batchedUpdates,
   );
 
-  ReactHostComponent.injection.injectGenericComponentClass(
-    ReactDOMComponent
-  );
+  ReactHostComponent.injection.injectGenericComponentClass(ReactDOMComponent);
 
-  ReactHostComponent.injection.injectTextComponentClass(
-    ReactDOMTextComponent
-  );
+  ReactHostComponent.injection.injectTextComponentClass(ReactDOMTextComponent);
 
   ReactEmptyComponent.injection.injectEmptyComponentFactory(
     function(instantiate) {
       return new ReactDOMEmptyComponent(instantiate);
-    }
+    },
   );
 
-  ReactUpdates.injection.injectReconcileTransaction(
-    ReactReconcileTransaction
-  );
-  ReactUpdates.injection.injectBatchingStrategy(
-    ReactDefaultBatchingStrategy
-  );
+  ReactUpdates.injection.injectReconcileTransaction(ReactReconcileTransaction);
+  ReactUpdates.injection.injectBatchingStrategy(ReactDefaultBatchingStrategy);
 
-  ReactComponentEnvironment.injection.injectEnvironment(ReactComponentBrowserEnvironment);
+  ReactComponentEnvironment.injection.injectEnvironment(
+    ReactComponentBrowserEnvironment,
+  );
 
   findDOMNode._injectStack(function(inst) {
     inst = getHostComponentFromComposite(inst);
diff --git a/src/renderers/dom/stack/client/ReactDOMTextComponent.js b/src/renderers/dom/stack/client/ReactDOMTextComponent.js
index 1046b33e66..3ff3a47f92 100644
--- a/src/renderers/dom/stack/client/ReactDOMTextComponent.js
+++ b/src/renderers/dom/stack/client/ReactDOMTextComponent.js
@@ -50,7 +50,6 @@ var ReactDOMTextComponent = function(text) {
 };
 
 Object.assign(ReactDOMTextComponent.prototype, {
-
   /**
    * Creates the markup for this text node. This node is not intended to have
    * any features besides containing text content.
@@ -63,7 +62,7 @@ Object.assign(ReactDOMTextComponent.prototype, {
     transaction,
     hostParent,
     hostContainerInfo,
-    context
+    context,
   ) {
     if (__DEV__) {
       var parentInfo;
@@ -93,7 +92,7 @@ Object.assign(ReactDOMTextComponent.prototype, {
       if (this._stringText) {
         DOMLazyTree.queueChild(
           lazyTree,
-          DOMLazyTree(ownerDocument.createTextNode(this._stringText))
+          DOMLazyTree(ownerDocument.createTextNode(this._stringText)),
         );
       }
       DOMLazyTree.queueChild(lazyTree, DOMLazyTree(closingComment));
@@ -110,10 +109,13 @@ Object.assign(ReactDOMTextComponent.prototype, {
         return escapedText;
       }
 
-      return (
-        '<!--' + openingValue + '-->' + escapedText +
-        '<!--' + closingValue + '-->'
-      );
+      return '<!--' +
+        openingValue +
+        '-->' +
+        escapedText +
+        '<!--' +
+        closingValue +
+        '-->';
     }
   },
 
@@ -137,7 +139,7 @@ Object.assign(ReactDOMTextComponent.prototype, {
         DOMChildrenOperations.replaceDelimitedText(
           commentNodes[0],
           commentNodes[1],
-          nextStringText
+          nextStringText,
         );
       }
     }
@@ -155,7 +157,7 @@ Object.assign(ReactDOMTextComponent.prototype, {
         invariant(
           node != null,
           'Missing closing comment for text component %s',
-          this._domID
+          this._domID,
         );
         if (node.nodeType === 8 && node.nodeValue === ' /react-text ') {
           this._closingComment = node;
@@ -174,7 +176,6 @@ Object.assign(ReactDOMTextComponent.prototype, {
     this._commentNodes = null;
     ReactDOMComponentTree.uncacheNode(this);
   },
-
 });
 
 module.exports = ReactDOMTextComponent;
diff --git a/src/renderers/dom/stack/client/ReactMount.js b/src/renderers/dom/stack/client/ReactMount.js
index aea392aeeb..20940c6fce 100644
--- a/src/renderers/dom/stack/client/ReactMount.js
+++ b/src/renderers/dom/stack/client/ReactMount.js
@@ -81,7 +81,7 @@ function internalGetID(node) {
   // If node is something like a window, document, or text node, none of
   // which support attributes or a .getAttribute method, gracefully return
   // the empty string, as if the attribute were missing.
-  return node.getAttribute && node.getAttribute(ATTR_NAME) || '';
+  return (node.getAttribute && node.getAttribute(ATTR_NAME)) || '';
 }
 
 /**
@@ -97,16 +97,14 @@ function mountComponentIntoNode(
   container,
   transaction,
   shouldReuseMarkup,
-  context
+  context,
 ) {
   var markerName;
   if (ReactFeatureFlags.logTopLevelRenders) {
     var wrappedElement = wrapperInstance._currentElement.props.child;
     var type = wrappedElement.type;
-    markerName = 'React mount: ' + (
-      typeof type === 'string' ? type :
-      type.displayName || type.name
-    );
+    markerName = 'React mount: ' +
+      (typeof type === 'string' ? type : type.displayName || type.name);
     console.time(markerName);
   }
 
@@ -116,7 +114,7 @@ function mountComponentIntoNode(
     null,
     ReactDOMContainerInfo(wrapperInstance, container),
     context,
-    0 /* parentDebugID */
+    0 /* parentDebugID */,
   );
 
   if (markerName) {
@@ -129,7 +127,7 @@ function mountComponentIntoNode(
     container,
     wrapperInstance,
     shouldReuseMarkup,
-    transaction
+    transaction,
   );
 }
 
@@ -144,11 +142,11 @@ function batchedMountComponentIntoNode(
   componentInstance,
   container,
   shouldReuseMarkup,
-  context
+  context,
 ) {
   var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(
     /* useCreateElement */
-    !shouldReuseMarkup && ReactDOMFeatureFlags.useCreateElement
+    !shouldReuseMarkup && ReactDOMFeatureFlags.useCreateElement,
   );
   transaction.perform(
     mountComponentIntoNode,
@@ -157,7 +155,7 @@ function batchedMountComponentIntoNode(
     container,
     transaction,
     shouldReuseMarkup,
-    context
+    context,
   );
   ReactUpdates.ReactReconcileTransaction.release(transaction);
 }
@@ -178,7 +176,7 @@ function unmountComponentFromNode(instance, container) {
   ReactReconciler.unmountComponent(
     instance,
     false /* safely */,
-    false /* skipLifecycle */
+    false /* skipLifecycle */,
   );
   if (__DEV__) {
     ReactInstrumentation.debugTool.onEndFlush();
@@ -222,7 +220,9 @@ function hasNonRootReactChild(container) {
  */
 function nodeIsRenderedByOtherInstance(container) {
   var rootEl = getReactRootElementInContainer(container);
-  return !!(rootEl && isReactNode(rootEl) && !ReactDOMComponentTree.getInstanceFromNode(rootEl));
+  return !!(rootEl &&
+    isReactNode(rootEl) &&
+    !ReactDOMComponentTree.getInstanceFromNode(rootEl));
 }
 
 /**
@@ -233,11 +233,10 @@ function nodeIsRenderedByOtherInstance(container) {
  * @internal
  */
 function isValidContainer(node) {
-  return !!(node && (
-    node.nodeType === ELEMENT_NODE_TYPE ||
-    node.nodeType === DOC_NODE_TYPE ||
-    node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE
-  ));
+  return !!(node &&
+    (node.nodeType === ELEMENT_NODE_TYPE ||
+      node.nodeType === DOC_NODE_TYPE ||
+      node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE));
 }
 
 /**
@@ -248,17 +247,17 @@ function isValidContainer(node) {
  * @internal
  */
 function isReactNode(node) {
-  return isValidContainer(node) && (node.hasAttribute(ROOT_ATTR_NAME) || node.hasAttribute(ATTR_NAME));
+  return isValidContainer(node) &&
+    (node.hasAttribute(ROOT_ATTR_NAME) || node.hasAttribute(ATTR_NAME));
 }
 
 function getHostRootInstanceInContainer(container) {
   var rootEl = getReactRootElementInContainer(container);
-  var prevHostInstance =
-    rootEl && ReactDOMComponentTree.getInstanceFromNode(rootEl);
-  return (
-    prevHostInstance && !prevHostInstance._hostParent ?
-    prevHostInstance : null
-  );
+  var prevHostInstance = rootEl &&
+    ReactDOMComponentTree.getInstanceFromNode(rootEl);
+  return prevHostInstance && !prevHostInstance._hostParent
+    ? prevHostInstance
+    : null;
 }
 
 function getTopLevelWrapperInContainer(container) {
@@ -303,7 +302,6 @@ TopLevelWrapper.isReactTopLevelWrapper = true;
  * Inside of `container`, the first element rendered is the "reactRoot".
  */
 var ReactMount = {
-
   TopLevelWrapper: TopLevelWrapper,
 
   /**
@@ -331,13 +329,18 @@ var ReactMount = {
    * @param {?function} callback function triggered on completion
    */
   _updateRootComponent: function(
-      prevComponent,
-      nextElement,
-      nextContext,
-      container,
-      callback) {
+    prevComponent,
+    nextElement,
+    nextContext,
+    container,
+    callback,
+  ) {
     ReactMount.scrollMonitor(container, function() {
-      ReactUpdateQueue.enqueueElementInternal(prevComponent, nextElement, nextContext);
+      ReactUpdateQueue.enqueueElementInternal(
+        prevComponent,
+        nextElement,
+        nextContext,
+      );
       if (callback) {
         ReactUpdateQueue.enqueueCallbackInternal(prevComponent, callback);
       }
@@ -359,7 +362,7 @@ var ReactMount = {
     container,
     shouldReuseMarkup,
     context,
-    callback
+    callback,
   ) {
     // Various parts of our code (such as ReactCompositeComponent's
     // _renderValidatedComponent) assume that calls to render aren't nested;
@@ -367,26 +370,30 @@ var ReactMount = {
     warning(
       ReactCurrentOwner.current == null,
       '_renderNewRootComponent(): Render methods should be a pure function ' +
-      'of props and state; triggering nested component updates from ' +
-      'render is not allowed. If necessary, trigger nested updates in ' +
-      'componentDidUpdate.\n\nCheck the render method of %s.',
-      ReactCurrentOwner.current && ReactCurrentOwner.current.getName() ||
-        'ReactCompositeComponent'
+        'of props and state; triggering nested component updates from ' +
+        'render is not allowed. If necessary, trigger nested updates in ' +
+        'componentDidUpdate.\n\nCheck the render method of %s.',
+      (ReactCurrentOwner.current && ReactCurrentOwner.current.getName()) ||
+        'ReactCompositeComponent',
     );
 
     invariant(
       isValidContainer(container),
-      '_registerComponent(...): Target container is not a DOM element.'
+      '_registerComponent(...): Target container is not a DOM element.',
     );
 
     ReactBrowserEventEmitter.ensureScrollValueMonitoring();
     var componentInstance = instantiateReactComponent(nextElement, false);
 
     if (callback) {
-      componentInstance._pendingCallbacks = [function() {
-        validateCallback(callback);
-        callback.call(componentInstance._renderedComponent.getPublicInstance());
-      }];
+      componentInstance._pendingCallbacks = [
+        function() {
+          validateCallback(callback);
+          callback.call(
+            componentInstance._renderedComponent.getPublicInstance(),
+          );
+        },
+      ];
     }
 
     // The initial render is synchronous but any updates that happen during
@@ -398,7 +405,7 @@ var ReactMount = {
       componentInstance,
       container,
       shouldReuseMarkup,
-      context
+      context,
     );
 
     var wrapperID = componentInstance._instance.rootID;
@@ -420,27 +427,37 @@ var ReactMount = {
    * @param {?function} callback function triggered on completion
    * @return {ReactComponent} Component instance rendered in `container`.
    */
-  renderSubtreeIntoContainer: function(parentComponent, nextElement, container, callback) {
+  renderSubtreeIntoContainer: function(
+    parentComponent,
+    nextElement,
+    container,
+    callback,
+  ) {
     invariant(
       parentComponent != null && ReactInstanceMap.has(parentComponent),
-      'parentComponent must be a valid React Component'
+      'parentComponent must be a valid React Component',
     );
     return ReactMount._renderSubtreeIntoContainer(
       parentComponent,
       nextElement,
       container,
-      callback
+      callback,
     );
   },
 
-  _renderSubtreeIntoContainer: function(parentComponent, nextElement, container, callback) {
+  _renderSubtreeIntoContainer: function(
+    parentComponent,
+    nextElement,
+    container,
+    callback,
+  ) {
     callback = callback === undefined ? null : callback;
     if (__DEV__) {
       warning(
         callback === null || typeof callback === 'function',
         'render(...): Expected the last optional `callback` argument to be a ' +
-        'function. Instead received: %s.',
-        '' + callback
+          'function. Instead received: %s.',
+        '' + callback,
       );
     }
     if (!React.isValidElement(nextElement)) {
@@ -448,46 +465,45 @@ var ReactMount = {
         invariant(
           false,
           'ReactDOM.render(): Invalid component element. Instead of ' +
-          'passing a string like \'div\', pass ' +
-          'React.createElement(\'div\') or <div />.'
+            "passing a string like 'div', pass " +
+            "React.createElement('div') or <div />.",
         );
       } else if (typeof nextElement === 'function') {
         invariant(
           false,
           'ReactDOM.render(): Invalid component element. Instead of ' +
-          'passing a class like Foo, pass React.createElement(Foo) ' +
-          'or <Foo />.'
+            'passing a class like Foo, pass React.createElement(Foo) ' +
+            'or <Foo />.',
         );
-      } else if (nextElement != null && typeof nextElement.props !== 'undefined') {
+      } else if (
+        nextElement != null && typeof nextElement.props !== 'undefined'
+      ) {
         // Check if it quacks like an element
         invariant(
           false,
           'ReactDOM.render(): Invalid component element. This may be ' +
-          'caused by unintentionally loading two independent copies ' +
-          'of React.'
+            'caused by unintentionally loading two independent copies ' +
+            'of React.',
         );
       } else {
-        invariant(
-          false,
-          'ReactDOM.render(): Invalid component element.'
-        );
+        invariant(false, 'ReactDOM.render(): Invalid component element.');
       }
     }
 
     warning(
-      !container || !container.tagName ||
-      container.tagName.toUpperCase() !== 'BODY',
+      !container ||
+        !container.tagName ||
+        container.tagName.toUpperCase() !== 'BODY',
       'render(): Rendering components directly into document.body is ' +
-      'discouraged, since its children are often manipulated by third-party ' +
-      'scripts and browser extensions. This may lead to subtle ' +
-      'reconciliation issues. Try rendering into a container element created ' +
-      'for your app.'
+        'discouraged, since its children are often manipulated by third-party ' +
+        'scripts and browser extensions. This may lead to subtle ' +
+        'reconciliation issues. Try rendering into a container element created ' +
+        'for your app.',
     );
 
-    var nextWrappedElement = React.createElement(
-      TopLevelWrapper,
-      { child: nextElement }
-    );
+    var nextWrappedElement = React.createElement(TopLevelWrapper, {
+      child: nextElement,
+    });
 
     var nextContext = getContextForSubtree(parentComponent);
     var prevComponent = getTopLevelWrapperInContainer(container);
@@ -497,16 +513,17 @@ var ReactMount = {
       var prevElement = prevWrappedElement.props.child;
       if (shouldUpdateReactComponent(prevElement, nextElement)) {
         var publicInst = prevComponent._renderedComponent.getPublicInstance();
-        var updatedCallback = callback && function() {
-          validateCallback(callback);
-          callback.call(publicInst);
-        };
+        var updatedCallback = callback &&
+          function() {
+            validateCallback(callback);
+            callback.call(publicInst);
+          };
         ReactMount._updateRootComponent(
           prevComponent,
           nextWrappedElement,
           nextContext,
           container,
-          updatedCallback
+          updatedCallback,
         );
         return publicInst;
       } else {
@@ -515,17 +532,17 @@ var ReactMount = {
     }
 
     var reactRootElement = getReactRootElementInContainer(container);
-    var containerHasReactMarkup =
-      reactRootElement && !!internalGetID(reactRootElement);
+    var containerHasReactMarkup = reactRootElement &&
+      !!internalGetID(reactRootElement);
     var containerHasNonRootReactChild = hasNonRootReactChild(container);
 
     if (__DEV__) {
       warning(
         !containerHasNonRootReactChild,
         'render(...): Replacing React-rendered children with a new root ' +
-        'component. If you intended to update the children of this node, ' +
-        'you should instead have the existing children update their state ' +
-        'and render the new components instead of calling ReactDOM.render.'
+          'component. If you intended to update the children of this node, ' +
+          'you should instead have the existing children update their state ' +
+          'and render the new components instead of calling ReactDOM.render.',
       );
 
       if (!containerHasReactMarkup || reactRootElement.nextSibling) {
@@ -535,8 +552,8 @@ var ReactMount = {
             warning(
               false,
               'render(): Target node has markup rendered by React, but there ' +
-              'are unrelated nodes as well. This is most commonly caused by ' +
-              'white-space inserted around server-rendered markup.'
+                'are unrelated nodes as well. This is most commonly caused by ' +
+                'white-space inserted around server-rendered markup.',
             );
             break;
           }
@@ -545,8 +562,7 @@ var ReactMount = {
       }
     }
 
-    var shouldReuseMarkup =
-      containerHasReactMarkup &&
+    var shouldReuseMarkup = containerHasReactMarkup &&
       !prevComponent &&
       !containerHasNonRootReactChild;
     var component = ReactMount._renderNewRootComponent(
@@ -554,12 +570,11 @@ var ReactMount = {
       container,
       shouldReuseMarkup,
       nextContext,
-      callback
+      callback,
     )._renderedComponent.getPublicInstance();
     return component;
   },
 
-
   /**
    * Renders a React component into the DOM in the supplied `container`.
    * See https://facebook.github.io/react/docs/react-dom.html#render
@@ -574,7 +589,12 @@ var ReactMount = {
    * @return {ReactComponent} Component instance rendered in `container`.
    */
   render: function(nextElement, container, callback) {
-    return ReactMount._renderSubtreeIntoContainer(null, nextElement, container, callback);
+    return ReactMount._renderSubtreeIntoContainer(
+      null,
+      nextElement,
+      container,
+      callback,
+    );
   },
 
   /**
@@ -593,23 +613,23 @@ var ReactMount = {
     warning(
       ReactCurrentOwner.current == null,
       'unmountComponentAtNode(): Render methods should be a pure function ' +
-      'of props and state; triggering nested component updates from render ' +
-      'is not allowed. If necessary, trigger nested updates in ' +
-      'componentDidUpdate.\n\nCheck the render method of %s.',
-      ReactCurrentOwner.current && ReactCurrentOwner.current.getName() ||
-        'ReactCompositeComponent'
+        'of props and state; triggering nested component updates from render ' +
+        'is not allowed. If necessary, trigger nested updates in ' +
+        'componentDidUpdate.\n\nCheck the render method of %s.',
+      (ReactCurrentOwner.current && ReactCurrentOwner.current.getName()) ||
+        'ReactCompositeComponent',
     );
 
     invariant(
       isValidContainer(container),
-      'unmountComponentAtNode(...): Target container is not a DOM element.'
+      'unmountComponentAtNode(...): Target container is not a DOM element.',
     );
 
     if (__DEV__) {
       warning(
         !nodeIsRenderedByOtherInstance(container),
-        'unmountComponentAtNode(): The node you\'re attempting to unmount ' +
-        'was rendered by another copy of React.'
+        "unmountComponentAtNode(): The node you're attempting to unmount " +
+          'was rendered by another copy of React.',
       );
     }
 
@@ -620,21 +640,19 @@ var ReactMount = {
       var containerHasNonRootReactChild = hasNonRootReactChild(container);
 
       // Check if the container itself is a React root node.
-      var isContainerReactRoot =
-        container.nodeType === 1 && container.hasAttribute(ROOT_ATTR_NAME);
+      var isContainerReactRoot = container.nodeType === 1 &&
+        container.hasAttribute(ROOT_ATTR_NAME);
 
       if (__DEV__) {
         warning(
           !containerHasNonRootReactChild,
-          'unmountComponentAtNode(): The node you\'re attempting to unmount ' +
-          'was rendered by React and is not a top-level container. %s',
-          (
-            isContainerReactRoot ?
-              'You may have accidentally passed in a React root node instead ' +
-              'of its container.' :
-              'Instead, have the parent component update its state and ' +
-              'rerender in order to remove this component.'
-          )
+          "unmountComponentAtNode(): The node you're attempting to unmount " +
+            'was rendered by React and is not a top-level container. %s',
+          isContainerReactRoot
+            ? 'You may have accidentally passed in a React root node instead ' +
+                'of its container.'
+            : 'Instead, have the parent component update its state and ' +
+                'rerender in order to remove this component.',
         );
       }
 
@@ -644,7 +662,7 @@ var ReactMount = {
     ReactUpdates.batchedUpdates(
       unmountComponentFromNode,
       prevComponent,
-      container
+      container,
     );
     return true;
   },
@@ -654,11 +672,11 @@ var ReactMount = {
     container,
     instance,
     shouldReuseMarkup,
-    transaction
+    transaction,
   ) {
     invariant(
       isValidContainer(container),
-      'mountComponentIntoNode(...): Target container is not valid.'
+      'mountComponentIntoNode(...): Target container is not valid.',
     );
 
     if (shouldReuseMarkup) {
@@ -668,14 +686,14 @@ var ReactMount = {
         return;
       } else {
         var checksum = rootElement.getAttribute(
-          ReactMarkupChecksum.CHECKSUM_ATTR_NAME
+          ReactMarkupChecksum.CHECKSUM_ATTR_NAME,
         );
         rootElement.removeAttribute(ReactMarkupChecksum.CHECKSUM_ATTR_NAME);
 
         var rootMarkup = rootElement.outerHTML;
         rootElement.setAttribute(
           ReactMarkupChecksum.CHECKSUM_ATTR_NAME,
-          checksum
+          checksum,
         );
 
         var normalizedMarkup = markup;
@@ -701,33 +719,34 @@ var ReactMount = {
         var diffIndex = firstDifferenceIndex(normalizedMarkup, rootMarkup);
         var difference = ' (client) ' +
           normalizedMarkup.substring(diffIndex - 20, diffIndex + 20) +
-          '\n (server) ' + rootMarkup.substring(diffIndex - 20, diffIndex + 20);
+          '\n (server) ' +
+          rootMarkup.substring(diffIndex - 20, diffIndex + 20);
 
         invariant(
           container.nodeType !== DOC_NODE_TYPE,
-          'You\'re trying to render a component to the document using ' +
-          'server rendering but the checksum was invalid. This usually ' +
-          'means you rendered a different component type or props on ' +
-          'the client from the one on the server, or your render() ' +
-          'methods are impure. React cannot handle this case due to ' +
-          'cross-browser quirks by rendering at the document root. You ' +
-          'should look for environment dependent code in your components ' +
-          'and ensure the props are the same client and server side:\n%s',
-          difference
+          "You're trying to render a component to the document using " +
+            'server rendering but the checksum was invalid. This usually ' +
+            'means you rendered a different component type or props on ' +
+            'the client from the one on the server, or your render() ' +
+            'methods are impure. React cannot handle this case due to ' +
+            'cross-browser quirks by rendering at the document root. You ' +
+            'should look for environment dependent code in your components ' +
+            'and ensure the props are the same client and server side:\n%s',
+          difference,
         );
 
         if (__DEV__) {
           warning(
             false,
             'React attempted to reuse markup in a container but the ' +
-            'checksum was invalid. This generally means that you are ' +
-            'using server rendering and the markup generated on the ' +
-            'server was not what the client was expecting. React injected ' +
-            'new markup to compensate which works but you have lost many ' +
-            'of the benefits of server rendering. Instead, figure out ' +
-            'why the markup being generated is different on the client ' +
-            'or server:\n%s',
-            difference
+              'checksum was invalid. This generally means that you are ' +
+              'using server rendering and the markup generated on the ' +
+              'server was not what the client was expecting. React injected ' +
+              'new markup to compensate which works but you have lost many ' +
+              'of the benefits of server rendering. Instead, figure out ' +
+              'why the markup being generated is different on the client ' +
+              'or server:\n%s',
+            difference,
           );
         }
       }
@@ -735,10 +754,10 @@ var ReactMount = {
 
     invariant(
       container.nodeType !== DOC_NODE_TYPE,
-      'You\'re trying to render a component to the document but ' +
-        'you didn\'t use server rendering. We can\'t do this ' +
+      "You're trying to render a component to the document but " +
+        "you didn't use server rendering. We can't do this " +
         'without using server rendering due to cross-browser quirks. ' +
-        'See ReactDOMServer.renderToString() for server rendering.'
+        'See ReactDOMServer.renderToString() for server rendering.',
     );
 
     if (transaction.useCreateElement) {
@@ -752,7 +771,9 @@ var ReactMount = {
     }
 
     if (__DEV__) {
-      var hostNode = ReactDOMComponentTree.getInstanceFromNode(container.firstChild);
+      var hostNode = ReactDOMComponentTree.getInstanceFromNode(
+        container.firstChild,
+      );
       if (hostNode._debugID !== 0) {
         ReactInstrumentation.debugTool.onHostOperation({
           instanceID: hostNode._debugID,
diff --git a/src/renderers/dom/stack/client/ReactReconcileTransaction.js b/src/renderers/dom/stack/client/ReactReconcileTransaction.js
index a14cb71cbf..732709e211 100644
--- a/src/renderers/dom/stack/client/ReactReconcileTransaction.js
+++ b/src/renderers/dom/stack/client/ReactReconcileTransaction.js
@@ -19,7 +19,6 @@ var ReactInstrumentation = require('ReactInstrumentation');
 var Transaction = require('Transaction');
 var ReactUpdateQueue = require('ReactUpdateQueue');
 
-
 /**
  * Ensures that, when possible, the selection range (currently selected text
  * input) is not disturbed by performing the transaction.
@@ -174,7 +173,6 @@ var Mixin = {
   },
 };
 
-
 Object.assign(ReactReconcileTransaction.prototype, Transaction, Mixin);
 
 PooledClass.addPoolingTo(ReactReconcileTransaction);
diff --git a/src/renderers/dom/stack/client/wrappers/ReactDOMInput.js b/src/renderers/dom/stack/client/wrappers/ReactDOMInput.js
index b3118e949d..f1fc6a6068 100644
--- a/src/renderers/dom/stack/client/wrappers/ReactDOMInput.js
+++ b/src/renderers/dom/stack/client/wrappers/ReactDOMInput.js
@@ -49,23 +49,27 @@ var ReactDOMInput = {
     var value = props.value;
     var checked = props.checked;
 
-    var hostProps = Object.assign({
-      // Make sure we set .type before any other properties (setting .value
-      // before .type means .value is lost in IE11 and below)
-      type: undefined,
-      // Make sure we set .step before .value (setting .value before .step
-      // means .value is rounded on mount, based upon step precision)
-      step: undefined,
-      // Make sure we set .min & .max before .value (to ensure proper order
-      // in corner cases such as min or max deriving from value, e.g. Issue #7170)
-      min: undefined,
-      max: undefined,
-    }, props, {
-      defaultChecked: undefined,
-      defaultValue: undefined,
-      value: value != null ? value : inst._wrapperState.initialValue,
-      checked: checked != null ? checked : inst._wrapperState.initialChecked,
-    });
+    var hostProps = Object.assign(
+      {
+        // Make sure we set .type before any other properties (setting .value
+        // before .type means .value is lost in IE11 and below)
+        type: undefined,
+        // Make sure we set .step before .value (setting .value before .step
+        // means .value is rounded on mount, based upon step precision)
+        step: undefined,
+        // Make sure we set .min & .max before .value (to ensure proper order
+        // in corner cases such as min or max deriving from value, e.g. Issue #7170)
+        min: undefined,
+        max: undefined,
+      },
+      props,
+      {
+        defaultChecked: undefined,
+        defaultValue: undefined,
+        value: value != null ? value : inst._wrapperState.initialValue,
+        checked: checked != null ? checked : inst._wrapperState.initialChecked,
+      },
+    );
 
     return hostProps;
   },
@@ -76,7 +80,7 @@ var ReactDOMInput = {
       ReactControlledValuePropTypes.checkPropTypes(
         'input',
         props,
-        owner ? owner.getName() : null
+        owner ? owner.getName() : null,
       );
 
       if (
@@ -87,13 +91,13 @@ var ReactDOMInput = {
         warning(
           false,
           '%s contains an input of type %s with both checked and defaultChecked props. ' +
-          'Input elements must be either controlled or uncontrolled ' +
-          '(specify either the checked prop, or the defaultChecked prop, but not ' +
-          'both). Decide between using a controlled or uncontrolled input ' +
-          'element and remove one of these props. More info: ' +
-          'https://fb.me/react-controlled-components',
-          owner && owner.getName() || 'A component',
-          props.type
+            'Input elements must be either controlled or uncontrolled ' +
+            '(specify either the checked prop, or the defaultChecked prop, but not ' +
+            'both). Decide between using a controlled or uncontrolled input ' +
+            'element and remove one of these props. More info: ' +
+            'https://fb.me/react-controlled-components',
+          (owner && owner.getName()) || 'A component',
+          props.type,
         );
         didWarnCheckedDefaultChecked = true;
       }
@@ -105,13 +109,13 @@ var ReactDOMInput = {
         warning(
           false,
           '%s contains an input of type %s with both value and defaultValue props. ' +
-          'Input elements must be either controlled or uncontrolled ' +
-          '(specify either the value prop, or the defaultValue prop, but not ' +
-          'both). Decide between using a controlled or uncontrolled input ' +
-          'element and remove one of these props. More info: ' +
-          'https://fb.me/react-controlled-components',
-          owner && owner.getName() || 'A component',
-          props.type
+            'Input elements must be either controlled or uncontrolled ' +
+            '(specify either the value prop, or the defaultValue prop, but not ' +
+            'both). Decide between using a controlled or uncontrolled input ' +
+            'element and remove one of these props. More info: ' +
+            'https://fb.me/react-controlled-components',
+          (owner && owner.getName()) || 'A component',
+          props.type,
         );
         didWarnValueDefaultValue = true;
       }
@@ -119,7 +123,9 @@ var ReactDOMInput = {
 
     var defaultValue = props.defaultValue;
     inst._wrapperState = {
-      initialChecked: props.checked != null ? props.checked : props.defaultChecked,
+      initialChecked: props.checked != null
+        ? props.checked
+        : props.defaultChecked,
       initialValue: props.value != null ? props.value : defaultValue,
       listeners: null,
     };
@@ -136,27 +142,35 @@ var ReactDOMInput = {
       var controlled = isControlled(props);
       var owner = inst._currentElement._owner;
 
-      if (!inst._wrapperState.controlled && controlled && !didWarnUncontrolledToControlled) {
+      if (
+        !inst._wrapperState.controlled &&
+        controlled &&
+        !didWarnUncontrolledToControlled
+      ) {
         warning(
           false,
           '%s is changing an uncontrolled input of type %s to be controlled. ' +
-          'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
-          'Decide between using a controlled or uncontrolled input ' +
-          'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
-          owner && owner.getName() || 'A component',
-          props.type
+            'Input elements should not switch from uncontrolled to controlled (or vice versa). ' +
+            'Decide between using a controlled or uncontrolled input ' +
+            'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
+          (owner && owner.getName()) || 'A component',
+          props.type,
         );
         didWarnUncontrolledToControlled = true;
       }
-      if (inst._wrapperState.controlled && !controlled && !didWarnControlledToUncontrolled) {
+      if (
+        inst._wrapperState.controlled &&
+        !controlled &&
+        !didWarnControlledToUncontrolled
+      ) {
         warning(
           false,
           '%s is changing a controlled input of type %s to be uncontrolled. ' +
-          'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
-          'Decide between using a controlled or uncontrolled input ' +
-          'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
-          owner && owner.getName() || 'A component',
-          props.type
+            'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+            'Decide between using a controlled or uncontrolled input ' +
+            'element for the lifetime of the component. More info: https://fb.me/react-controlled-components',
+          (owner && owner.getName()) || 'A component',
+          props.type,
         );
         didWarnControlledToUncontrolled = true;
       }
@@ -167,14 +181,13 @@ var ReactDOMInput = {
       DOMPropertyOperations.setValueForProperty(
         ReactDOMComponentTree.getNodeFromInstance(inst),
         'checked',
-        checked || false
+        checked || false,
       );
     }
 
     var node = ReactDOMComponentTree.getNodeFromInstance(inst);
     var value = props.value;
     if (value != null) {
-
       // Cast `value` to a string to ensure the value is set correctly. While
       // browsers typically do this as necessary, jsdom doesn't.
       var newValue = '' + value;
@@ -281,12 +294,12 @@ function updateNamedCousins(thisInstance, props) {
     // document. Let's just use the local `querySelectorAll` to ensure we don't
     // miss anything.
     var group = queryRoot.querySelectorAll(
-      'input[name=' + JSON.stringify('' + name) + '][type="radio"]');
+      'input[name=' + JSON.stringify('' + name) + '][type="radio"]',
+    );
 
     for (var i = 0; i < group.length; i++) {
       var otherNode = group[i];
-      if (otherNode === rootNode ||
-          otherNode.form !== rootNode.form) {
+      if (otherNode === rootNode || otherNode.form !== rootNode.form) {
         continue;
       }
       // This will throw if radio buttons rendered by different copies of React
@@ -297,7 +310,7 @@ function updateNamedCousins(thisInstance, props) {
       invariant(
         otherInstance,
         'ReactDOMInput: Mixing React and non-React radio inputs with the ' +
-        'same `name` is not supported.'
+          'same `name` is not supported.',
       );
       // If this is a controlled radio button group, forcing the input that
       // was previously checked to update will cause it to be come re-checked
diff --git a/src/renderers/dom/stack/client/wrappers/ReactDOMOption.js b/src/renderers/dom/stack/client/wrappers/ReactDOMOption.js
index aeb08ef807..cc679ebd71 100644
--- a/src/renderers/dom/stack/client/wrappers/ReactDOMOption.js
+++ b/src/renderers/dom/stack/client/wrappers/ReactDOMOption.js
@@ -33,7 +33,7 @@ function flattenChildren(children) {
       didWarnInvalidOptionChildren = true;
       warning(
         false,
-        'Only strings and numbers are supported as <option> children.'
+        'Only strings and numbers are supported as <option> children.',
       );
     }
   });
@@ -51,7 +51,7 @@ var ReactDOMOption = {
       warning(
         props.selected == null,
         'Use the `defaultValue` or `value` props on <select> instead of ' +
-        'setting `selected` on <option>.'
+          'setting `selected` on <option>.',
       );
     }
 
@@ -89,7 +89,7 @@ var ReactDOMOption = {
           }
         }
       } else {
-        selected = ('' + selectValue === value);
+        selected = '' + selectValue === value;
       }
     }
 
@@ -106,7 +106,10 @@ var ReactDOMOption = {
   },
 
   getHostProps: function(inst, props) {
-    var hostProps = Object.assign({selected: undefined, children: undefined}, props);
+    var hostProps = Object.assign(
+      {selected: undefined, children: undefined},
+      props,
+    );
 
     // Read state only from initial mount because <select> updates value
     // manually; we need the initial state only for server rendering
@@ -122,7 +125,6 @@ var ReactDOMOption = {
 
     return hostProps;
   },
-
 };
 
 module.exports = ReactDOMOption;
diff --git a/src/renderers/dom/stack/client/wrappers/ReactDOMSelect.js b/src/renderers/dom/stack/client/wrappers/ReactDOMSelect.js
index 31ef3514d9..efc98b4134 100644
--- a/src/renderers/dom/stack/client/wrappers/ReactDOMSelect.js
+++ b/src/renderers/dom/stack/client/wrappers/ReactDOMSelect.js
@@ -39,7 +39,7 @@ function checkSelectPropTypes(inst, props) {
   ReactControlledValuePropTypes.checkPropTypes(
     'select',
     props,
-    owner ? owner.getName() : null
+    owner ? owner.getName() : null,
   );
 
   for (var i = 0; i < valuePropNames.length; i++) {
@@ -52,17 +52,17 @@ function checkSelectPropTypes(inst, props) {
       warning(
         false,
         'The `%s` prop supplied to <select> must be an array if ' +
-        '`multiple` is true.%s',
+          '`multiple` is true.%s',
         propName,
-        getDeclarationErrorAddendum(owner)
+        getDeclarationErrorAddendum(owner),
       );
     } else if (!props.multiple && isArray) {
       warning(
         false,
         'The `%s` prop supplied to <select> must be a scalar ' +
-        'value if `multiple` is false.%s',
+          'value if `multiple` is false.%s',
         propName,
-        getDeclarationErrorAddendum(owner)
+        getDeclarationErrorAddendum(owner),
       );
     }
   }
@@ -146,10 +146,10 @@ var ReactDOMSelect = {
       warning(
         false,
         'Select elements must be either controlled or uncontrolled ' +
-        '(specify either the value prop, or the defaultValue prop, but not ' +
-        'both). Decide between using a controlled or uncontrolled select ' +
-        'element and remove one of these props. More info: ' +
-        'https://fb.me/react-controlled-components'
+          '(specify either the value prop, or the defaultValue prop, but not ' +
+          'both). Decide between using a controlled or uncontrolled select ' +
+          'element and remove one of these props. More info: ' +
+          'https://fb.me/react-controlled-components',
       );
       didWarnValueDefaultValue = true;
     }
diff --git a/src/renderers/dom/stack/client/wrappers/ReactDOMTextarea.js b/src/renderers/dom/stack/client/wrappers/ReactDOMTextarea.js
index f8110dd56b..4ddf9e51a8 100644
--- a/src/renderers/dom/stack/client/wrappers/ReactDOMTextarea.js
+++ b/src/renderers/dom/stack/client/wrappers/ReactDOMTextarea.js
@@ -38,7 +38,7 @@ var ReactDOMTextarea = {
   getHostProps: function(inst, props) {
     invariant(
       props.dangerouslySetInnerHTML == null,
-      '`dangerouslySetInnerHTML` does not make sense on <textarea>.'
+      '`dangerouslySetInnerHTML` does not make sense on <textarea>.',
     );
 
     // Always set children to the same thing. In IE9, the selection range will
@@ -61,7 +61,7 @@ var ReactDOMTextarea = {
       ReactControlledValuePropTypes.checkPropTypes(
         'textarea',
         props,
-        owner ? owner.getName() : null
+        owner ? owner.getName() : null,
       );
       if (
         props.value !== undefined &&
@@ -71,16 +71,15 @@ var ReactDOMTextarea = {
         warning(
           false,
           'Textarea elements must be either controlled or uncontrolled ' +
-          '(specify either the value prop, or the defaultValue prop, but not ' +
-          'both). Decide between using a controlled or uncontrolled textarea ' +
-          'and remove one of these props. More info: ' +
-          'https://fb.me/react-controlled-components'
+            '(specify either the value prop, or the defaultValue prop, but not ' +
+            'both). Decide between using a controlled or uncontrolled textarea ' +
+            'and remove one of these props. More info: ' +
+            'https://fb.me/react-controlled-components',
         );
         didWarnValDefaultVal = true;
       }
     }
 
-
     var value = props.value;
     var initialValue = value;
 
@@ -94,17 +93,17 @@ var ReactDOMTextarea = {
           warning(
             false,
             'Use the `defaultValue` or `value` props instead of setting ' +
-            'children on <textarea>.'
+              'children on <textarea>.',
           );
         }
         invariant(
           defaultValue == null,
-          'If you supply `defaultValue` on a <textarea>, do not pass children.'
+          'If you supply `defaultValue` on a <textarea>, do not pass children.',
         );
         if (Array.isArray(children)) {
           invariant(
             children.length <= 1,
-            '<textarea> can only have at most one child.'
+            '<textarea> can only have at most one child.',
           );
           children = children[0];
         }
@@ -167,7 +166,6 @@ var ReactDOMTextarea = {
       ReactDOMTextarea.updateWrapper(inst);
     }
   },
-
 };
 
 module.exports = ReactDOMTextarea;
diff --git a/src/renderers/dom/stack/server/ReactMarkupChecksum.js b/src/renderers/dom/stack/server/ReactMarkupChecksum.js
index 8d02654263..09e477c477 100644
--- a/src/renderers/dom/stack/server/ReactMarkupChecksum.js
+++ b/src/renderers/dom/stack/server/ReactMarkupChecksum.js
@@ -16,7 +16,6 @@ var adler32 = require('adler32');
 var TAG_END = /\/?>/;
 var COMMENT_START = /^<\!\-\-/;
 
-
 var ReactMarkupChecksum = {
   CHECKSUM_ATTR_NAME: 'data-react-checksum',
 
@@ -33,7 +32,7 @@ var ReactMarkupChecksum = {
     } else {
       return markup.replace(
         TAG_END,
-        ' ' + ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="' + checksum + '"$&'
+        ' ' + ReactMarkupChecksum.CHECKSUM_ATTR_NAME + '="' + checksum + '"$&',
       );
     }
   },
@@ -45,7 +44,7 @@ var ReactMarkupChecksum = {
    */
   canReuseMarkup: function(markup, element) {
     var existingChecksum = element.getAttribute(
-      ReactMarkupChecksum.CHECKSUM_ATTR_NAME
+      ReactMarkupChecksum.CHECKSUM_ATTR_NAME,
     );
     existingChecksum = existingChecksum && parseInt(existingChecksum, 10);
     var markupChecksum = adler32(markup);
diff --git a/src/renderers/dom/stack/server/ReactServerRendering.js b/src/renderers/dom/stack/server/ReactServerRendering.js
index 9ecb3bf0f5..e998e13199 100644
--- a/src/renderers/dom/stack/server/ReactServerRendering.js
+++ b/src/renderers/dom/stack/server/ReactServerRendering.js
@@ -16,8 +16,7 @@ var ReactInstrumentation = require('ReactInstrumentation');
 var ReactMarkupChecksum = require('ReactMarkupChecksum');
 var ReactReconciler = require('ReactReconciler');
 var ReactServerBatchingStrategy = require('ReactServerBatchingStrategy');
-var ReactServerRenderingTransaction =
-  require('ReactServerRenderingTransaction');
+var ReactServerRenderingTransaction = require('ReactServerRenderingTransaction');
 var ReactUpdates = require('ReactUpdates');
 
 var emptyObject = require('fbjs/lib/emptyObject');
@@ -41,35 +40,36 @@ function renderToStringImpl(element, makeStaticMarkup) {
 
     pendingTransactions++;
 
-    return transaction.perform(function() {
-      var componentInstance = instantiateReactComponent(element, true);
-      var markup = ReactReconciler.mountComponent(
-        componentInstance,
-        transaction,
-        null,
-        ReactDOMContainerInfo(),
-        emptyObject,
-        0 /* parentDebugID */
-      );
-      if (__DEV__) {
-        ReactInstrumentation.debugTool.onUnmountComponent(
-          componentInstance._debugID
+    return transaction.perform(
+      function() {
+        var componentInstance = instantiateReactComponent(element, true);
+        var markup = ReactReconciler.mountComponent(
+          componentInstance,
+          transaction,
+          null,
+          ReactDOMContainerInfo(),
+          emptyObject,
+          0 /* parentDebugID */,
         );
-      }
-      if (!makeStaticMarkup) {
-        markup = ReactMarkupChecksum.addChecksumToMarkup(markup);
-      }
-      return markup;
-    }, null);
+        if (__DEV__) {
+          ReactInstrumentation.debugTool.onUnmountComponent(
+            componentInstance._debugID,
+          );
+        }
+        if (!makeStaticMarkup) {
+          markup = ReactMarkupChecksum.addChecksumToMarkup(markup);
+        }
+        return markup;
+      },
+      null,
+    );
   } finally {
     pendingTransactions--;
     ReactServerRenderingTransaction.release(transaction);
     // Revert to the DOM batching strategy since these two renderers
     // currently share these stateful modules.
     if (!pendingTransactions) {
-      ReactUpdates.injection.injectBatchingStrategy(
-        previousBatchingStrategy
-      );
+      ReactUpdates.injection.injectBatchingStrategy(previousBatchingStrategy);
     }
   }
 }
@@ -82,7 +82,7 @@ function renderToStringImpl(element, makeStaticMarkup) {
 function renderToString(element) {
   invariant(
     React.isValidElement(element),
-    'renderToString(): You must pass a valid ReactElement.'
+    'renderToString(): You must pass a valid ReactElement.',
   );
   return renderToStringImpl(element, false);
 }
@@ -95,7 +95,7 @@ function renderToString(element) {
 function renderToStaticMarkup(element) {
   invariant(
     React.isValidElement(element),
-    'renderToStaticMarkup(): You must pass a valid ReactElement.'
+    'renderToStaticMarkup(): You must pass a valid ReactElement.',
   );
   return renderToStringImpl(element, true);
 }
diff --git a/src/renderers/dom/stack/server/ReactServerRenderingTransaction.js b/src/renderers/dom/stack/server/ReactServerRenderingTransaction.js
index 0a8936bbb7..2fa930cc43 100644
--- a/src/renderers/dom/stack/server/ReactServerRenderingTransaction.js
+++ b/src/renderers/dom/stack/server/ReactServerRenderingTransaction.js
@@ -16,7 +16,6 @@ var Transaction = require('Transaction');
 var ReactInstrumentation = require('ReactInstrumentation');
 var ReactServerUpdateQueue = require('ReactServerUpdateQueue');
 
-
 /**
  * Executed within the scope of the `Transaction` instance. Consider these as
  * being member methods, but with an implied ordering while being isolated from
@@ -75,22 +74,14 @@ var Mixin = {
    * `PooledClass` looks for this, and will invoke this before allowing this
    * instance to be reused.
    */
-  destructor: function() {
-  },
+  destructor: function() {},
 
-  checkpoint: function() {
-  },
+  checkpoint: function() {},
 
-  rollback: function() {
-  },
+  rollback: function() {},
 };
 
-
-Object.assign(
-  ReactServerRenderingTransaction.prototype,
-  Transaction,
-  Mixin
-);
+Object.assign(ReactServerRenderingTransaction.prototype, Transaction, Mixin);
 
 PooledClass.addPoolingTo(ReactServerRenderingTransaction);
 
diff --git a/src/renderers/dom/stack/server/ReactServerUpdateQueue.js b/src/renderers/dom/stack/server/ReactServerUpdateQueue.js
index 34fe4e8405..35b064f543 100644
--- a/src/renderers/dom/stack/server/ReactServerUpdateQueue.js
+++ b/src/renderers/dom/stack/server/ReactServerUpdateQueue.js
@@ -16,19 +16,23 @@ var ReactUpdateQueue = require('ReactUpdateQueue');
 
 var warning = require('fbjs/lib/warning');
 
-import type { Transaction } from 'Transaction';
+import type {Transaction} from 'Transaction';
 
-function warnNoop(publicInstance: ReactComponent<any, any, any>, callerName: string) {
+function warnNoop(
+  publicInstance: ReactComponent<any, any, any>,
+  callerName: string,
+) {
   if (__DEV__) {
     var constructor = publicInstance.constructor;
     warning(
       false,
       '%s(...): Can only update a mounting component. ' +
-      'This usually means you called %s() outside componentWillMount() on the server. ' +
-      'This is a no-op.\n\nPlease check the code for the %s component.',
+        'This usually means you called %s() outside componentWillMount() on the server. ' +
+        'This is a no-op.\n\nPlease check the code for the %s component.',
       callerName,
       callerName,
-      constructor && (constructor.displayName || constructor.name) || 'ReactClass'
+      (constructor && (constructor.displayName || constructor.name)) ||
+        'ReactClass',
     );
   }
 }
@@ -73,7 +77,11 @@ class ReactServerUpdateQueue {
    * @param {?string} Name of the calling function in the public API.
    * @internal
    */
-  enqueueForceUpdate(publicInstance: ReactComponent<any, any, any>, callback?: Function, callerName?: string) {
+  enqueueForceUpdate(
+    publicInstance: ReactComponent<any, any, any>,
+    callback?: Function,
+    callerName?: string,
+  ) {
     if (this.transaction.isInTransaction()) {
       ReactUpdateQueue.enqueueForceUpdate(publicInstance, callback, callerName);
     } else {
@@ -96,12 +104,17 @@ class ReactServerUpdateQueue {
    */
   enqueueReplaceState(
     publicInstance: ReactComponent<any, any, any>,
-    completeState: Object|Function,
+    completeState: Object | Function,
     callback?: Function,
-    callerName?: string
+    callerName?: string,
   ) {
     if (this.transaction.isInTransaction()) {
-      ReactUpdateQueue.enqueueReplaceState(publicInstance, completeState, callback, callerName);
+      ReactUpdateQueue.enqueueReplaceState(
+        publicInstance,
+        completeState,
+        callback,
+        callerName,
+      );
     } else {
       warnNoop(publicInstance, 'replaceState');
     }
@@ -119,12 +132,17 @@ class ReactServerUpdateQueue {
    */
   enqueueSetState(
     publicInstance: ReactComponent<any, any, any>,
-    partialState: Object|Function,
+    partialState: Object | Function,
     callback?: Function,
-    callerName?: string
+    callerName?: string,
   ) {
     if (this.transaction.isInTransaction()) {
-      ReactUpdateQueue.enqueueSetState(publicInstance, partialState, callback, callerName);
+      ReactUpdateQueue.enqueueSetState(
+        publicInstance,
+        partialState,
+        callback,
+        callerName,
+      );
     } else {
       warnNoop(publicInstance, 'setState');
     }
diff --git a/src/renderers/native/NativeMethodsMixin.js b/src/renderers/native/NativeMethodsMixin.js
index aa7af7f066..25062816e3 100644
--- a/src/renderers/native/NativeMethodsMixin.js
+++ b/src/renderers/native/NativeMethodsMixin.js
@@ -24,30 +24,34 @@ type MeasureOnSuccessCallback = (
   width: number,
   height: number,
   pageX: number,
-  pageY: number
-) => void
+  pageY: number,
+) => void;
 
 type MeasureInWindowOnSuccessCallback = (
   x: number,
   y: number,
   width: number,
   height: number,
-) => void
+) => void;
 
 type MeasureLayoutOnSuccessCallback = (
   left: number,
   top: number,
   width: number,
-  height: number
-) => void
+  height: number,
+) => void;
 
 function warnForStyleProps(props, validAttributes) {
   for (var key in validAttributes.style) {
     if (!(validAttributes[key] || props[key] === undefined)) {
       console.error(
-        'You are setting the style `{ ' + key + ': ... }` as a prop. You ' +
-        'should nest it in a style object. ' +
-        'E.g. `{ style: { ' + key + ': ... } }`'
+        'You are setting the style `{ ' +
+          key +
+          ': ... }` as a prop. You ' +
+          'should nest it in a style object. ' +
+          'E.g. `{ style: { ' +
+          key +
+          ': ... } }`',
       );
     }
   }
@@ -86,7 +90,7 @@ var NativeMethodsMixin = {
   measure: function(callback: MeasureOnSuccessCallback) {
     UIManager.measure(
       ReactNative.findNodeHandle(this),
-      mountSafeCallback(this, callback)
+      mountSafeCallback(this, callback),
     );
   },
 
@@ -108,7 +112,7 @@ var NativeMethodsMixin = {
   measureInWindow: function(callback: MeasureInWindowOnSuccessCallback) {
     UIManager.measureInWindow(
       ReactNative.findNodeHandle(this),
-      mountSafeCallback(this, callback)
+      mountSafeCallback(this, callback),
     );
   },
 
@@ -123,13 +127,13 @@ var NativeMethodsMixin = {
   measureLayout: function(
     relativeToNativeNode: number,
     onSuccess: MeasureLayoutOnSuccessCallback,
-    onFail: () => void /* currently unused */
+    onFail: () => void /* currently unused */,
   ) {
     UIManager.measureLayout(
       ReactNative.findNodeHandle(this),
       relativeToNativeNode,
       mountSafeCallback(this, onFail),
-      mountSafeCallback(this, onSuccess)
+      mountSafeCallback(this, onSuccess),
     );
   },
 
@@ -146,13 +150,13 @@ var NativeMethodsMixin = {
 
     var updatePayload = ReactNativeAttributePayload.create(
       nativeProps,
-      this.viewConfig.validAttributes
+      this.viewConfig.validAttributes,
     );
 
     UIManager.updateView(
-      (ReactNative.findNodeHandle(this) : any),
+      (ReactNative.findNodeHandle(this): any),
       this.viewConfig.uiViewClassName,
-      updatePayload
+      updatePayload,
     );
   },
 
@@ -176,10 +180,14 @@ function throwOnStylesProp(component, props) {
   if (props.styles !== undefined) {
     var owner = component._owner || null;
     var name = component.constructor.displayName;
-    var msg = '`styles` is not a supported property of `' + name + '`, did ' +
+    var msg = '`styles` is not a supported property of `' +
+      name +
+      '`, did ' +
       'you mean `style` (singular)?';
     if (owner && owner.constructor && owner.constructor.displayName) {
-      msg += '\n\nCheck the `' + owner.constructor.displayName + '` parent ' +
+      msg += '\n\nCheck the `' +
+        owner.constructor.displayName +
+        '` parent ' +
         ' component.';
     }
     throw new Error(msg);
@@ -192,8 +200,8 @@ if (__DEV__) {
   var NativeMethodsMixin_DEV = (NativeMethodsMixin: any);
   invariant(
     !NativeMethodsMixin_DEV.componentWillMount &&
-    !NativeMethodsMixin_DEV.componentWillReceiveProps,
-    'Do not override existing functions.'
+      !NativeMethodsMixin_DEV.componentWillReceiveProps,
+    'Do not override existing functions.',
   );
   NativeMethodsMixin_DEV.componentWillMount = function() {
     throwOnStylesProp(this, this.props);
@@ -209,10 +217,13 @@ if (__DEV__) {
  */
 function mountSafeCallback(
   context: ReactComponent<any, any, any>,
-  callback: ?Function
+  callback: ?Function,
 ): any {
   return function() {
-    if (!callback || (typeof context.isMounted === 'function' && !context.isMounted())) {
+    if (
+      !callback ||
+      (typeof context.isMounted === 'function' && !context.isMounted())
+    ) {
       return undefined;
     }
     return callback.apply(context, arguments);
diff --git a/src/renderers/native/ReactNativeAttributePayload.js b/src/renderers/native/ReactNativeAttributePayload.js
index c84d7284ab..ccd98c6fef 100644
--- a/src/renderers/native/ReactNativeAttributePayload.js
+++ b/src/renderers/native/ReactNativeAttributePayload.js
@@ -31,14 +31,15 @@ type AttributeDiffer = (prevProp: mixed, nextProp: mixed) => boolean;
 type AttributePreprocessor = (nextProp: mixed) => mixed;
 
 type CustomAttributeConfiguration =
-  { diff: AttributeDiffer, process: AttributePreprocessor } |
-  { diff: AttributeDiffer } |
-  { process: AttributePreprocessor };
+  | {diff: AttributeDiffer, process: AttributePreprocessor}
+  | {diff: AttributeDiffer}
+  | {process: AttributePreprocessor};
 
-type AttributeConfiguration =
-  { [key: string]: (
-    CustomAttributeConfiguration | AttributeConfiguration /*| boolean*/
-  ) };
+type AttributeConfiguration = {
+  [key: string]:
+    | CustomAttributeConfiguration
+    | AttributeConfiguration /*| boolean*/,
+};
 
 type NestedNode = Array<NestedNode> | Object | number;
 
@@ -46,7 +47,7 @@ type NestedNode = Array<NestedNode> | Object | number;
 var removedKeys = null;
 var removedKeyCount = 0;
 
-function defaultDiffer(prevProp: mixed, nextProp: mixed) : boolean {
+function defaultDiffer(prevProp: mixed, nextProp: mixed): boolean {
   if (typeof nextProp !== 'object' || nextProp === null) {
     // Scalars have already been checked for equality
     return true;
@@ -56,7 +57,7 @@ function defaultDiffer(prevProp: mixed, nextProp: mixed) : boolean {
   }
 }
 
-function resolveObject(idOrObject: number | Object) : Object {
+function resolveObject(idOrObject: number | Object): Object {
   if (typeof idOrObject === 'number') {
     return ReactNativePropRegistry.getByID(idOrObject);
   }
@@ -66,7 +67,7 @@ function resolveObject(idOrObject: number | Object) : Object {
 function restoreDeletedValuesInNestedArray(
   updatePayload: Object,
   node: NestedNode,
-  validAttributes: AttributeConfiguration
+  validAttributes: AttributeConfiguration,
 ) {
   if (Array.isArray(node)) {
     var i = node.length;
@@ -74,7 +75,7 @@ function restoreDeletedValuesInNestedArray(
       restoreDeletedValuesInNestedArray(
         updatePayload,
         node[i],
-        validAttributes
+        validAttributes,
       );
     }
   } else if (node && removedKeyCount > 0) {
@@ -103,12 +104,14 @@ function restoreDeletedValuesInNestedArray(
       if (typeof attributeConfig !== 'object') {
         // case: !Object is the default case
         updatePayload[propKey] = nextProp;
-      } else if (typeof attributeConfig.diff === 'function' ||
-                 typeof attributeConfig.process === 'function') {
+      } else if (
+        typeof attributeConfig.diff === 'function' ||
+        typeof attributeConfig.process === 'function'
+      ) {
         // case: CustomAttributeConfiguration
-        var nextValue = typeof attributeConfig.process === 'function' ?
-                        attributeConfig.process(nextProp) :
-                        nextProp;
+        var nextValue = typeof attributeConfig.process === 'function'
+          ? attributeConfig.process(nextProp)
+          : nextProp;
         updatePayload[propKey] = nextValue;
       }
       removedKeys[propKey] = false;
@@ -118,14 +121,14 @@ function restoreDeletedValuesInNestedArray(
 }
 
 function diffNestedArrayProperty(
-  updatePayload:? Object,
+  updatePayload: ?Object,
   prevArray: Array<NestedNode>,
   nextArray: Array<NestedNode>,
-  validAttributes: AttributeConfiguration
-) : ?Object {
-  var minLength = prevArray.length < nextArray.length ?
-                  prevArray.length :
-                  nextArray.length;
+  validAttributes: AttributeConfiguration,
+): ?Object {
+  var minLength = prevArray.length < nextArray.length
+    ? prevArray.length
+    : nextArray.length;
   var i;
   for (i = 0; i < minLength; i++) {
     // Diff any items in the array in the forward direction. Repeated keys
@@ -134,7 +137,7 @@ function diffNestedArrayProperty(
       updatePayload,
       prevArray[i],
       nextArray[i],
-      validAttributes
+      validAttributes,
     );
   }
   for (; i < prevArray.length; i++) {
@@ -142,7 +145,7 @@ function diffNestedArrayProperty(
     updatePayload = clearNestedProperty(
       updatePayload,
       prevArray[i],
-      validAttributes
+      validAttributes,
     );
   }
   for (; i < nextArray.length; i++) {
@@ -150,19 +153,18 @@ function diffNestedArrayProperty(
     updatePayload = addNestedProperty(
       updatePayload,
       nextArray[i],
-      validAttributes
+      validAttributes,
     );
   }
   return updatePayload;
 }
 
 function diffNestedProperty(
-  updatePayload:? Object,
+  updatePayload: ?Object,
   prevProp: NestedNode,
   nextProp: NestedNode,
-  validAttributes: AttributeConfiguration
-) : ?Object {
-
+  validAttributes: AttributeConfiguration,
+): ?Object {
   if (!updatePayload && prevProp === nextProp) {
     // If no properties have been added, then we can bail out quickly on object
     // equality.
@@ -171,18 +173,10 @@ function diffNestedProperty(
 
   if (!prevProp || !nextProp) {
     if (nextProp) {
-      return addNestedProperty(
-        updatePayload,
-        nextProp,
-        validAttributes
-      );
+      return addNestedProperty(updatePayload, nextProp, validAttributes);
     }
     if (prevProp) {
-      return clearNestedProperty(
-        updatePayload,
-        prevProp,
-        validAttributes
-      );
+      return clearNestedProperty(updatePayload, prevProp, validAttributes);
     }
     return updatePayload;
   }
@@ -193,7 +187,7 @@ function diffNestedProperty(
       updatePayload,
       resolveObject(prevProp),
       resolveObject(nextProp),
-      validAttributes
+      validAttributes,
     );
   }
 
@@ -203,7 +197,7 @@ function diffNestedProperty(
       updatePayload,
       prevProp,
       nextProp,
-      validAttributes
+      validAttributes,
     );
   }
 
@@ -214,16 +208,16 @@ function diffNestedProperty(
       flattenStyle(prevProp),
       // $FlowFixMe - We know that this isn't an array because of above flow.
       resolveObject(nextProp),
-      validAttributes
+      validAttributes,
     );
   }
 
   return diffProperties(
     updatePayload,
     resolveObject(prevProp),
-      // $FlowFixMe - We know that this is always an object when the input is.
+    // $FlowFixMe - We know that this is always an object when the input is.
     flattenStyle(nextProp),
-    validAttributes
+    validAttributes,
   );
 }
 
@@ -233,9 +227,9 @@ function diffNestedProperty(
  * updatePayload.
  */
 function addNestedProperty(
-  updatePayload:? Object,
+  updatePayload: ?Object,
   nextProp: NestedNode,
-  validAttributes: AttributeConfiguration
+  validAttributes: AttributeConfiguration,
 ) {
   if (!nextProp) {
     return updatePayload;
@@ -246,7 +240,7 @@ function addNestedProperty(
     return addProperties(
       updatePayload,
       resolveObject(nextProp),
-      validAttributes
+      validAttributes,
     );
   }
 
@@ -255,7 +249,7 @@ function addNestedProperty(
     updatePayload = addNestedProperty(
       updatePayload,
       nextProp[i],
-      validAttributes
+      validAttributes,
     );
   }
 
@@ -267,10 +261,10 @@ function addNestedProperty(
  * adds a null sentinel to the updatePayload, for each prop key.
  */
 function clearNestedProperty(
-  updatePayload:? Object,
+  updatePayload: ?Object,
   prevProp: NestedNode,
-  validAttributes: AttributeConfiguration
-) : ?Object {
+  validAttributes: AttributeConfiguration,
+): ?Object {
   if (!prevProp) {
     return updatePayload;
   }
@@ -280,7 +274,7 @@ function clearNestedProperty(
     return clearProperties(
       updatePayload,
       resolveObject(prevProp),
-      validAttributes
+      validAttributes,
     );
   }
 
@@ -289,7 +283,7 @@ function clearNestedProperty(
     updatePayload = clearNestedProperty(
       updatePayload,
       prevProp[i],
-      validAttributes
+      validAttributes,
     );
   }
   return updatePayload;
@@ -305,9 +299,9 @@ function diffProperties(
   updatePayload: ?Object,
   prevProps: Object,
   nextProps: Object,
-  validAttributes: AttributeConfiguration
+  validAttributes: AttributeConfiguration,
 ): ?Object {
-  var attributeConfig : ?(CustomAttributeConfiguration | AttributeConfiguration);
+  var attributeConfig: ?(CustomAttributeConfiguration | AttributeConfiguration);
   var nextProp;
   var prevProp;
 
@@ -323,20 +317,20 @@ function diffProperties(
     // functions are converted to booleans as markers that the associated
     // events should be sent from native.
     if (typeof nextProp === 'function') {
-      nextProp = (true : any);
+      nextProp = (true: any);
       // If nextProp is not a function, then don't bother changing prevProp
       // since nextProp will win and go into the updatePayload regardless.
       if (typeof prevProp === 'function') {
-        prevProp = (true : any);
+        prevProp = (true: any);
       }
     }
 
     // An explicit value of undefined is treated as a null because it overrides
     // any other preceding value.
     if (typeof nextProp === 'undefined') {
-      nextProp = (null : any);
+      nextProp = (null: any);
       if (typeof prevProp === 'undefined') {
-        prevProp = (null : any);
+        prevProp = (null: any);
       }
     }
 
@@ -354,12 +348,14 @@ function diffProperties(
       if (typeof attributeConfig !== 'object') {
         // case: !Object is the default case
         updatePayload[propKey] = nextProp;
-      } else if (typeof attributeConfig.diff === 'function' ||
-                 typeof attributeConfig.process === 'function') {
+      } else if (
+        typeof attributeConfig.diff === 'function' ||
+        typeof attributeConfig.process === 'function'
+      ) {
         // case: CustomAttributeConfiguration
-        var nextValue = typeof attributeConfig.process === 'function' ?
-                        attributeConfig.process(nextProp) :
-                        nextProp;
+        var nextValue = typeof attributeConfig.process === 'function'
+          ? attributeConfig.process(nextProp)
+          : nextProp;
         updatePayload[propKey] = nextValue;
       }
       continue;
@@ -376,18 +372,19 @@ function diffProperties(
         // a normal leaf has changed
         (updatePayload || (updatePayload = {}))[propKey] = nextProp;
       }
-    } else if (typeof attributeConfig.diff === 'function' ||
-               typeof attributeConfig.process === 'function') {
+    } else if (
+      typeof attributeConfig.diff === 'function' ||
+      typeof attributeConfig.process === 'function'
+    ) {
       // case: CustomAttributeConfiguration
-      var shouldUpdate = prevProp === undefined || (
-        typeof attributeConfig.diff === 'function' ?
-        attributeConfig.diff(prevProp, nextProp) :
-        defaultDiffer(prevProp, nextProp)
-      );
+      var shouldUpdate = prevProp === undefined ||
+        (typeof attributeConfig.diff === 'function'
+          ? attributeConfig.diff(prevProp, nextProp)
+          : defaultDiffer(prevProp, nextProp));
       if (shouldUpdate) {
-        nextValue = typeof attributeConfig.process === 'function' ?
-                    attributeConfig.process(nextProp) :
-                    nextProp;
+        nextValue = typeof attributeConfig.process === 'function'
+          ? attributeConfig.process(nextProp)
+          : nextProp;
         (updatePayload || (updatePayload = {}))[propKey] = nextValue;
       }
     } else {
@@ -400,13 +397,13 @@ function diffProperties(
         updatePayload,
         prevProp,
         nextProp,
-        ((attributeConfig : any) : AttributeConfiguration)
+        ((attributeConfig: any): AttributeConfiguration),
       );
       if (removedKeyCount > 0 && updatePayload) {
         restoreDeletedValuesInNestedArray(
           updatePayload,
           nextProp,
-          ((attributeConfig : any) : AttributeConfiguration)
+          ((attributeConfig: any): AttributeConfiguration),
         );
         removedKeys = null;
       }
@@ -435,10 +432,11 @@ function diffProperties(
       continue; // was already empty anyway
     }
     // Pattern match on: attributeConfig
-    if (typeof attributeConfig !== 'object' ||
-        typeof attributeConfig.diff === 'function' ||
-        typeof attributeConfig.process === 'function') {
-
+    if (
+      typeof attributeConfig !== 'object' ||
+      typeof attributeConfig.diff === 'function' ||
+      typeof attributeConfig.process === 'function'
+    ) {
       // case: CustomAttributeConfiguration | !Object
       // Flag the leaf property for removal by sending a sentinel.
       (updatePayload || (updatePayload = {}))[propKey] = null;
@@ -456,7 +454,7 @@ function diffProperties(
       updatePayload = clearNestedProperty(
         updatePayload,
         prevProp,
-        ((attributeConfig : any) : AttributeConfiguration)
+        ((attributeConfig: any): AttributeConfiguration),
       );
     }
   }
@@ -469,8 +467,8 @@ function diffProperties(
 function addProperties(
   updatePayload: ?Object,
   props: Object,
-  validAttributes: AttributeConfiguration
-) : ?Object {
+  validAttributes: AttributeConfiguration,
+): ?Object {
   // TODO: Fast path
   return diffProperties(updatePayload, emptyObject, props, validAttributes);
 }
@@ -482,38 +480,36 @@ function addProperties(
 function clearProperties(
   updatePayload: ?Object,
   prevProps: Object,
-  validAttributes: AttributeConfiguration
-) :? Object {
+  validAttributes: AttributeConfiguration,
+): ?Object {
   // TODO: Fast path
   return diffProperties(updatePayload, prevProps, emptyObject, validAttributes);
 }
 
 var ReactNativeAttributePayload = {
-
   create: function(
     props: Object,
-    validAttributes: AttributeConfiguration
-  ) : ?Object {
+    validAttributes: AttributeConfiguration,
+  ): ?Object {
     return addProperties(
       null, // updatePayload
       props,
-      validAttributes
+      validAttributes,
     );
   },
 
   diff: function(
     prevProps: Object,
     nextProps: Object,
-    validAttributes: AttributeConfiguration
-  ) : ?Object {
+    validAttributes: AttributeConfiguration,
+  ): ?Object {
     return diffProperties(
       null, // updatePayload
       prevProps,
       nextProps,
-      validAttributes
+      validAttributes,
     );
   },
-
 };
 
 module.exports = ReactNativeAttributePayload;
diff --git a/src/renderers/native/ReactNativeBaseComponent.js b/src/renderers/native/ReactNativeBaseComponent.js
index a254257714..ef13341420 100644
--- a/src/renderers/native/ReactNativeBaseComponent.js
+++ b/src/renderers/native/ReactNativeBaseComponent.js
@@ -23,7 +23,7 @@ var deepFreezeAndThrowOnMutationInDev = require('deepFreezeAndThrowOnMutationInD
 type ReactNativeBaseComponentViewConfig = {
   validAttributes: Object,
   uiViewClassName: string,
-}
+};
 
 // require('UIManagerStatTracker').install(); // uncomment to enable
 
@@ -34,7 +34,7 @@ type ReactNativeBaseComponentViewConfig = {
  * @param {!object} UIKit View Configuration.
  */
 var ReactNativeBaseComponent = function(
-  viewConfig: ReactNativeBaseComponentViewConfig
+  viewConfig: ReactNativeBaseComponentViewConfig,
 ) {
   this.viewConfig = viewConfig;
 };
@@ -69,7 +69,6 @@ ReactNativeBaseComponent.Mixin = {
     // no children - let's avoid calling out to the native bridge for a large
     // portion of the children.
     if (mountImages.length) {
-
       // TODO: Pool these per platform view class. Reusing the `mountImages`
       // array would likely be a jit deopt.
       var createdTags = [];
@@ -105,14 +104,14 @@ ReactNativeBaseComponent.Mixin = {
     var updatePayload = ReactNativeAttributePayload.diff(
       prevElement.props,
       nextElement.props,
-      this.viewConfig.validAttributes
+      this.viewConfig.validAttributes,
     );
 
     if (updatePayload) {
       UIManager.updateView(
         this._rootNodeID,
         this.viewConfig.uiViewClassName,
-        updatePayload
+        updatePayload,
       );
     }
 
@@ -135,7 +134,12 @@ ReactNativeBaseComponent.Mixin = {
    * @param {object} context
    * @return {string} Unique iOS view tag.
    */
-  mountComponent: function(transaction, hostParent, hostContainerInfo, context) {
+  mountComponent: function(
+    transaction,
+    hostParent,
+    hostContainerInfo,
+    context,
+  ) {
     var tag = ReactNativeTagHandles.allocateTag();
 
     this._rootNodeID = tag;
@@ -152,7 +156,7 @@ ReactNativeBaseComponent.Mixin = {
 
     var updatePayload = ReactNativeAttributePayload.create(
       this._currentElement.props,
-      this.viewConfig.validAttributes
+      this.viewConfig.validAttributes,
     );
 
     var nativeTopRootTag = hostContainerInfo._tag;
@@ -160,7 +164,7 @@ ReactNativeBaseComponent.Mixin = {
       tag,
       this.viewConfig.uiViewClassName,
       nativeTopRootTag,
-      updatePayload
+      updatePayload,
     );
 
     ReactNativeComponentTree.precacheNode(this, tag);
@@ -169,7 +173,7 @@ ReactNativeBaseComponent.Mixin = {
       this._currentElement.props.children,
       tag,
       transaction,
-      context
+      context,
     );
     return tag;
   },
@@ -183,7 +187,7 @@ Object.assign(
   ReactNativeBaseComponent.prototype,
   ReactMultiChild,
   ReactNativeBaseComponent.Mixin,
-  NativeMethodsMixin
+  NativeMethodsMixin,
 );
 
 module.exports = ReactNativeBaseComponent;
diff --git a/src/renderers/native/ReactNativeBridgeEventPlugin.js b/src/renderers/native/ReactNativeBridgeEventPlugin.js
index e0be0f1cbc..df1f439237 100644
--- a/src/renderers/native/ReactNativeBridgeEventPlugin.js
+++ b/src/renderers/native/ReactNativeBridgeEventPlugin.js
@@ -23,21 +23,22 @@ var customDirectEventTypes = UIManager.customDirectEventTypes;
 var allTypesByEventName = {};
 
 for (var bubblingTypeName in customBubblingEventTypes) {
-  allTypesByEventName[bubblingTypeName] = customBubblingEventTypes[bubblingTypeName];
+  allTypesByEventName[bubblingTypeName] = customBubblingEventTypes[
+    bubblingTypeName
+  ];
 }
 
 for (var directTypeName in customDirectEventTypes) {
   warning(
     !customBubblingEventTypes[directTypeName],
     'Event cannot be both direct and bubbling: %s',
-    directTypeName
+    directTypeName,
   );
   allTypesByEventName[directTypeName] = customDirectEventTypes[directTypeName];
 }
 
 var ReactNativeBridgeEventPlugin = {
-
-  eventTypes: { ...customBubblingEventTypes, ...customDirectEventTypes },
+  eventTypes: {...customBubblingEventTypes, ...customDirectEventTypes},
 
   /**
    * @see {EventPluginHub.extractEvents}
@@ -46,7 +47,7 @@ var ReactNativeBridgeEventPlugin = {
     topLevelType: string,
     targetInst: Object,
     nativeEvent: Event,
-    nativeEventTarget: Object
+    nativeEventTarget: Object,
   ): ?Object {
     var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
     var directDispatchConfig = customDirectEventTypes[topLevelType];
@@ -54,7 +55,7 @@ var ReactNativeBridgeEventPlugin = {
       bubbleDispatchConfig || directDispatchConfig,
       targetInst,
       nativeEvent,
-      nativeEventTarget
+      nativeEventTarget,
     );
     if (bubbleDispatchConfig) {
       EventPropagators.accumulateTwoPhaseDispatches(event);
diff --git a/src/renderers/native/ReactNativeComponentEnvironment.js b/src/renderers/native/ReactNativeComponentEnvironment.js
index 64e0c93716..0e1a3f5826 100644
--- a/src/renderers/native/ReactNativeComponentEnvironment.js
+++ b/src/renderers/native/ReactNativeComponentEnvironment.js
@@ -15,7 +15,6 @@ var ReactNativeDOMIDOperations = require('ReactNativeDOMIDOperations');
 var ReactNativeReconcileTransaction = require('ReactNativeReconcileTransaction');
 
 var ReactNativeComponentEnvironment = {
-
   processChildrenUpdates: ReactNativeDOMIDOperations.dangerouslyProcessChildrenUpdates,
 
   replaceNodeWithMarkup: ReactNativeDOMIDOperations.dangerouslyReplaceNodeWithMarkupByID,
@@ -23,9 +22,7 @@ var ReactNativeComponentEnvironment = {
   /**
    * @param {DOMElement} Element to clear.
    */
-  clearNode: function(/*containerView*/) {
-
-  },
+  clearNode: function(/*containerView*/) {},
 
   ReactReconcileTransaction: ReactNativeReconcileTransaction,
 };
diff --git a/src/renderers/native/ReactNativeDOMIDOperations.js b/src/renderers/native/ReactNativeDOMIDOperations.js
index 4c38f3c576..c008373f66 100644
--- a/src/renderers/native/ReactNativeDOMIDOperations.js
+++ b/src/renderers/native/ReactNativeDOMIDOperations.js
@@ -59,7 +59,7 @@ var dangerouslyProcessChildrenUpdates = function(inst, childrenUpdates) {
     moveToIndices,
     addChildTags,
     addAtIndices,
-    removeAtIndices
+    removeAtIndices,
   );
 };
 
diff --git a/src/renderers/native/ReactNativeEventEmitter.js b/src/renderers/native/ReactNativeEventEmitter.js
index 1e1c97e308..6cea86f9d6 100644
--- a/src/renderers/native/ReactNativeEventEmitter.js
+++ b/src/renderers/native/ReactNativeEventEmitter.js
@@ -56,7 +56,7 @@ var touchSubsequence = function(touches, indices) {
  */
 var removeTouchesAtIndices = function(
   touches: Array<Object>,
-  indices: Array<number>
+  indices: Array<number>,
 ): Array<Object> {
   var rippedOut = [];
   // use an unsafe downcast to alias to nullable elements,
@@ -79,7 +79,6 @@ var removeTouchesAtIndices = function(
 };
 
 var ReactNativeEventEmitter = {
-
   ...ReactEventEmitterMixin,
 
   registrationNames: EventPluginRegistry.registrationNameModules,
@@ -99,7 +98,7 @@ var ReactNativeEventEmitter = {
   _receiveRootNodeIDEvent: function(
     rootNodeID: number,
     topLevelType: string,
-    nativeEventParam: Object
+    nativeEventParam: Object,
   ) {
     var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT;
     var inst = ReactNativeComponentTree.getInstanceFromNode(rootNodeID);
@@ -113,7 +112,7 @@ var ReactNativeEventEmitter = {
         topLevelType,
         inst,
         nativeEvent,
-        nativeEvent.target
+        nativeEvent.target,
       );
     });
     // React Native doesn't use ReactControlledComponent but if it did, here's
@@ -130,13 +129,13 @@ var ReactNativeEventEmitter = {
   receiveEvent: function(
     tag: number,
     topLevelType: string,
-    nativeEventParam: Object
+    nativeEventParam: Object,
   ) {
     var rootNodeID = tag;
     ReactNativeEventEmitter._receiveRootNodeIDEvent(
       rootNodeID,
       topLevelType,
-      nativeEventParam
+      nativeEventParam,
     );
   },
 
@@ -167,13 +166,12 @@ var ReactNativeEventEmitter = {
   receiveTouches: function(
     eventTopLevelType: string,
     touches: Array<Object>,
-    changedIndices: Array<number>
+    changedIndices: Array<number>,
   ) {
-    var changedTouches =
-      eventTopLevelType === 'topTouchEnd' ||
-      eventTopLevelType === 'topTouchCancel' ?
-      removeTouchesAtIndices(touches, changedIndices) :
-      touchSubsequence(touches, changedIndices);
+    var changedTouches = eventTopLevelType === 'topTouchEnd' ||
+      eventTopLevelType === 'topTouchCancel'
+      ? removeTouchesAtIndices(touches, changedIndices)
+      : touchSubsequence(touches, changedIndices);
 
     for (var jj = 0; jj < changedTouches.length; jj++) {
       var touch = changedTouches[jj];
@@ -189,7 +187,7 @@ var ReactNativeEventEmitter = {
           if (__DEV__) {
             warning(
               false,
-              'A view is reporting that a touch occurred on tag zero.'
+              'A view is reporting that a touch occurred on tag zero.',
             );
           }
         } else {
@@ -199,7 +197,7 @@ var ReactNativeEventEmitter = {
       ReactNativeEventEmitter._receiveRootNodeIDEvent(
         rootNodeID,
         eventTopLevelType,
-        nativeEvent
+        nativeEvent,
       );
     }
   },
diff --git a/src/renderers/native/ReactNativeFiber.js b/src/renderers/native/ReactNativeFiber.js
index 4278f62f5b..d617e02691 100644
--- a/src/renderers/native/ReactNativeFiber.js
+++ b/src/renderers/native/ReactNativeFiber.js
@@ -12,10 +12,12 @@
 
 'use strict';
 
-import type { Element } from 'React';
-import type { Fiber } from 'ReactFiber';
-import type { ReactNodeList } from 'ReactTypes';
-import type { ReactNativeBaseComponentViewConfig } from 'ReactNativeViewConfigRegistry';
+import type {Element} from 'React';
+import type {Fiber} from 'ReactFiber';
+import type {ReactNodeList} from 'ReactTypes';
+import type {
+  ReactNativeBaseComponentViewConfig,
+} from 'ReactNativeViewConfigRegistry';
 
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const ReactFiberReconciler = require('ReactFiberReconciler');
@@ -33,7 +35,7 @@ const emptyObject = require('fbjs/lib/emptyObject');
 const findNodeHandle = require('findNodeHandle');
 const invariant = require('fbjs/lib/invariant');
 
-const { injectInternals } = require('ReactFiberDevToolsHook');
+const {injectInternals} = require('ReactFiberDevToolsHook');
 const {
   precacheFiberNode,
   uncacheFiberNode,
@@ -58,26 +60,27 @@ function NativeHostComponent(tag, viewConfig) {
 }
 Object.assign(NativeHostComponent.prototype, NativeMethodsMixin);
 
-function recursivelyUncacheFiberNode(node : Instance | TextInstance) {
-  if (typeof node === 'number') { // Leaf node (eg text)
+function recursivelyUncacheFiberNode(node: Instance | TextInstance) {
+  if (typeof node === 'number') {
+    // Leaf node (eg text)
     uncacheFiberNode(node);
   } else {
-    uncacheFiberNode((node : any)._nativeTag);
+    uncacheFiberNode((node: any)._nativeTag);
 
-    (node : any)._children.forEach(recursivelyUncacheFiberNode);
+    (node: any)._children.forEach(recursivelyUncacheFiberNode);
   }
 }
 
 const NativeRenderer = ReactFiberReconciler({
   appendChild(
-    parentInstance : Instance | Container,
-    child : Instance | TextInstance
-  ) : void {
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+  ): void {
     if (typeof parentInstance === 'number') {
       // Root container
       UIManager.setChildren(
         parentInstance, // containerTag
-        [(child : any)._nativeTag] // reactTags
+        [(child: any)._nativeTag], // reactTags
       );
     } else {
       const children = parentInstance._children;
@@ -88,22 +91,25 @@ const NativeRenderer = ReactFiberReconciler({
         parentInstance._nativeTag, // containerTag
         [], // moveFromIndices
         [], // moveToIndices
-        [(child : any)._nativeTag], // addChildReactTags
+        [(child: any)._nativeTag], // addChildReactTags
         [children.length - 1], // addAtIndices
         [], // removeAtIndices
       );
     }
   },
 
-  appendInitialChild(parentInstance : Instance, child : Instance | TextInstance) : void {
+  appendInitialChild(
+    parentInstance: Instance,
+    child: Instance | TextInstance,
+  ): void {
     parentInstance._children.push(child);
   },
 
   commitTextUpdate(
-    textInstance : TextInstance,
-    oldText : string,
-    newText : string
-  ) : void {
+    textInstance: TextInstance,
+    oldText: string,
+    newText: string,
+  ): void {
     UIManager.updateView(
       textInstance, // reactTag
       'RCTRawText', // viewName
@@ -112,22 +118,22 @@ const NativeRenderer = ReactFiberReconciler({
   },
 
   commitMount(
-    instance : Instance,
-    type : string,
-    newProps : Props,
-    internalInstanceHandle : Object
-  ) : void {
+    instance: Instance,
+    type: string,
+    newProps: Props,
+    internalInstanceHandle: Object,
+  ): void {
     // Noop
   },
 
   commitUpdate(
-    instance : Instance,
-    updatePayloadTODO : Object,
-    type : string,
-    oldProps : Props,
-    newProps : Props,
-    internalInstanceHandle : Object
-  ) : void {
+    instance: Instance,
+    updatePayloadTODO: Object,
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+    internalInstanceHandle: Object,
+  ): void {
     const viewConfig = instance.viewConfig;
 
     updateFiberProps(instance._nativeTag, newProps);
@@ -135,23 +141,23 @@ const NativeRenderer = ReactFiberReconciler({
     const updatePayload = ReactNativeAttributePayload.diff(
       oldProps,
       newProps,
-      viewConfig.validAttributes
+      viewConfig.validAttributes,
     );
 
     UIManager.updateView(
-      (instance : any)._nativeTag, // reactTag
+      (instance: any)._nativeTag, // reactTag
       viewConfig.uiViewClassName, // viewName
       updatePayload, // props
     );
   },
 
   createInstance(
-    type : string,
-    props : Props,
-    rootContainerInstance : Container,
-    hostContext : {||},
-    internalInstanceHandle : Object
-  ) : Instance {
+    type: string,
+    props: Props,
+    rootContainerInstance: Container,
+    hostContext: {},
+    internalInstanceHandle: Object,
+  ): Instance {
     const tag = ReactNativeTagHandles.allocateTag();
     const viewConfig = ReactNativeViewConfigRegistry.get(type);
 
@@ -165,7 +171,7 @@ const NativeRenderer = ReactFiberReconciler({
 
     const updatePayload = ReactNativeAttributePayload.create(
       props,
-      viewConfig.validAttributes
+      viewConfig.validAttributes,
     );
 
     UIManager.createView(
@@ -184,18 +190,18 @@ const NativeRenderer = ReactFiberReconciler({
   },
 
   createTextInstance(
-    text : string,
-    rootContainerInstance : Container,
-    hostContext : {||},
-    internalInstanceHandle : Object,
-  ) : TextInstance {
+    text: string,
+    rootContainerInstance: Container,
+    hostContext: {},
+    internalInstanceHandle: Object,
+  ): TextInstance {
     const tag = ReactNativeTagHandles.allocateTag();
 
     UIManager.createView(
       tag, // reactTag
       'RCTRawText', // viewName
       rootContainerInstance, // rootTag
-      {text: text} // props
+      {text: text}, // props
     );
 
     precacheFiberNode(internalInstanceHandle, tag);
@@ -204,11 +210,11 @@ const NativeRenderer = ReactFiberReconciler({
   },
 
   finalizeInitialChildren(
-    parentInstance : Instance,
-    type : string,
-    props : Props,
-    rootContainerInstance : Container,
-  ) : boolean {
+    parentInstance: Instance,
+    type: string,
+    props: Props,
+    rootContainerInstance: Container,
+  ): boolean {
     // Don't send a no-op message over the bridge.
     if (parentInstance._children.length === 0) {
       return false;
@@ -217,24 +223,25 @@ const NativeRenderer = ReactFiberReconciler({
     // Map from child objects to native tags.
     // Either way we need to pass a copy of the Array to prevent it from being frozen.
     const nativeTags = parentInstance._children.map(
-      (child) => typeof child === 'number'
-        ? child // Leaf node (eg text)
-        : child._nativeTag
+      child =>
+        typeof child === 'number'
+          ? child // Leaf node (eg text)
+          : child._nativeTag,
     );
 
     UIManager.setChildren(
       parentInstance._nativeTag, // containerTag
-      nativeTags // reactTags
+      nativeTags, // reactTags
     );
 
     return false;
   },
 
-  getRootHostContext() : {||} {
+  getRootHostContext(): {} {
     return emptyObject;
   },
 
-  getChildHostContext() : {||} {
+  getChildHostContext(): {} {
     return emptyObject;
   },
 
@@ -243,10 +250,10 @@ const NativeRenderer = ReactFiberReconciler({
   },
 
   insertBefore(
-    parentInstance : Instance | Container,
-    child : Instance | TextInstance,
-    beforeChild : Instance | TextInstance
-  ) : void {
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+    beforeChild: Instance | TextInstance,
+  ): void {
     // TODO (bvaughn): Remove this check when...
     // We create a wrapper object for the container in ReactNative render()
     // Or we refactor to remove wrapper objects entirely.
@@ -256,7 +263,7 @@ const NativeRenderer = ReactFiberReconciler({
       'Container does not support insertBefore operation',
     );
 
-    const children = (parentInstance : any)._children;
+    const children = (parentInstance: any)._children;
 
     const beforeChildIndex = children.indexOf(beforeChild);
     const index = children.indexOf(child);
@@ -267,7 +274,7 @@ const NativeRenderer = ReactFiberReconciler({
       children.splice(beforeChildIndex, 0, child);
 
       UIManager.manageChildren(
-        (parentInstance : any)._nativeTag, // containerID
+        (parentInstance: any)._nativeTag, // containerID
         [index], // moveFromIndices
         [beforeChildIndex], // moveToIndices
         [], // addChildReactTags
@@ -278,35 +285,35 @@ const NativeRenderer = ReactFiberReconciler({
       children.splice(beforeChildIndex, 0, child);
 
       UIManager.manageChildren(
-        (parentInstance : any)._nativeTag, // containerID
+        (parentInstance: any)._nativeTag, // containerID
         [], // moveFromIndices
         [], // moveToIndices
-        [(child : any)._nativeTag], // addChildReactTags
+        [(child: any)._nativeTag], // addChildReactTags
         [beforeChildIndex], // addAtIndices
         [], // removeAtIndices
       );
     }
   },
 
-  prepareForCommit() : void {
+  prepareForCommit(): void {
     // Noop
   },
 
   prepareUpdate(
-    instance : Instance,
-    type : string,
-    oldProps : Props,
-    newProps : Props,
-    rootContainerInstance : Container,
-    hostContext : {||}
-  ) : null | Object {
+    instance: Instance,
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+    rootContainerInstance: Container,
+    hostContext: {},
+  ): null | Object {
     return emptyObject;
   },
 
   removeChild(
-    parentInstance : Instance | Container,
-    child : Instance | TextInstance
-  ) : void {
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+  ): void {
     recursivelyUncacheFiberNode(child);
 
     if (typeof parentInstance === 'number') {
@@ -335,15 +342,15 @@ const NativeRenderer = ReactFiberReconciler({
     }
   },
 
-  resetAfterCommit() : void {
+  resetAfterCommit(): void {
     // Noop
   },
 
-  resetTextContent(instance : Instance) : void {
+  resetTextContent(instance: Instance): void {
     // Noop
   },
 
-  shouldDeprioritizeSubtree(type : string, props : Props) : boolean {
+  shouldDeprioritizeSubtree(type: string, props: Props): boolean {
     return false;
   },
 
@@ -351,7 +358,7 @@ const NativeRenderer = ReactFiberReconciler({
 
   scheduleDeferredCallback: global.requestIdleCallback,
 
-  shouldSetTextContent(props : Props) : boolean {
+  shouldSetTextContent(props: Props): boolean {
     // TODO (bvaughn) Revisit this decision.
     // Always returning false simplifies the createInstance() implementation,
     // But creates an additional child Fiber for raw text children.
@@ -365,25 +372,21 @@ const NativeRenderer = ReactFiberReconciler({
 });
 
 ReactGenericBatching.injection.injectFiberBatchedUpdates(
-  NativeRenderer.batchedUpdates
+  NativeRenderer.batchedUpdates,
 );
 
 const roots = new Map();
 
-findNodeHandle.injection.injectFindNode(
-  (fiber: Fiber) => {
-    const instance: any = NativeRenderer.findHostInstance(fiber);
-    return instance ? instance._nativeTag : null;
-  }
-);
-findNodeHandle.injection.injectFindRootNodeID(
-  (instance) => instance._nativeTag
-);
+findNodeHandle.injection.injectFindNode((fiber: Fiber) => {
+  const instance: any = NativeRenderer.findHostInstance(fiber);
+  return instance ? instance._nativeTag : null;
+});
+findNodeHandle.injection.injectFindRootNodeID(instance => instance._nativeTag);
 
 const ReactNative = {
   findNodeHandle,
 
-  render(element : Element<any>, containerTag : any, callback: ?Function) {
+  render(element: Element<any>, containerTag: any, callback: ?Function) {
     let root = roots.get(containerTag);
 
     if (!root) {
@@ -397,7 +400,7 @@ const ReactNative = {
     return NativeRenderer.getPublicRootInstance(root);
   },
 
-  unmountComponentAtNode(containerTag : number) {
+  unmountComponentAtNode(containerTag: number) {
     const root = roots.get(containerTag);
     if (root) {
       // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
@@ -414,12 +417,15 @@ const ReactNative = {
     UIManager.removeRootView(containerTag);
   },
 
-  unstable_createPortal(children: ReactNodeList, containerTag : number, key : ?string = null) {
+  unstable_createPortal(
+    children: ReactNodeList,
+    containerTag: number,
+    key: ?string = null,
+  ) {
     return ReactPortal.createPortal(children, containerTag, null, key);
   },
 
   unstable_batchedUpdates: ReactGenericBatching.batchedUpdates,
-
 };
 
 if (typeof injectInternals === 'function') {
diff --git a/src/renderers/native/ReactNativeInjection.js b/src/renderers/native/ReactNativeInjection.js
index d3000c8d0a..116948d7bd 100644
--- a/src/renderers/native/ReactNativeInjection.js
+++ b/src/renderers/native/ReactNativeInjection.js
@@ -42,7 +42,7 @@ function inject() {
   EventPluginUtils.injection.injectComponentTree(ReactNativeComponentTree);
 
   ResponderEventPlugin.injection.injectGlobalResponderHandler(
-    ReactNativeGlobalResponderHandler
+    ReactNativeGlobalResponderHandler,
   );
 
   /**
@@ -50,8 +50,8 @@ function inject() {
    * them).
    */
   EventPluginHub.injection.injectEventPluginsByName({
-    'ResponderEventPlugin': ResponderEventPlugin,
-    'ReactNativeBridgeEventPlugin': ReactNativeBridgeEventPlugin,
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin,
   });
 }
 
diff --git a/src/renderers/native/ReactNativeMount.js b/src/renderers/native/ReactNativeMount.js
index f5974d813f..ee4a28f45a 100644
--- a/src/renderers/native/ReactNativeMount.js
+++ b/src/renderers/native/ReactNativeMount.js
@@ -47,17 +47,14 @@ TopLevelWrapper.isReactTopLevelWrapper = true;
  * @param {number} containerTag container element to mount into.
  * @param {ReactReconcileTransaction} transaction
  */
-function mountComponentIntoNode(
-    componentInstance,
-    containerTag,
-    transaction) {
+function mountComponentIntoNode(componentInstance, containerTag, transaction) {
   var markup = ReactReconciler.mountComponent(
     componentInstance,
     transaction,
     null,
     ReactNativeContainerInfo(containerTag),
     emptyObject,
-    0 /* parentDebugID */
+    0 /* parentDebugID */,
   );
   componentInstance._renderedComponent._topLevelWrapper = componentInstance;
   ReactNativeMount._mountImageIntoNode(markup, containerTag);
@@ -70,16 +67,14 @@ function mountComponentIntoNode(
  * @param {number} rootID ID of the root node.
  * @param {number} containerTag container element to mount into.
  */
-function batchedMountComponentIntoNode(
-    componentInstance,
-    containerTag) {
+function batchedMountComponentIntoNode(componentInstance, containerTag) {
   var transaction = ReactUpdates.ReactReconcileTransaction.getPooled();
   transaction.perform(
     mountComponentIntoNode,
     null,
     componentInstance,
     containerTag,
-    transaction
+    transaction,
   );
   ReactUpdates.ReactReconcileTransaction.release(transaction);
 }
@@ -101,12 +96,11 @@ var ReactNativeMount = {
   renderComponent: function(
     nextElement: ReactElement<*>,
     containerTag: number,
-    callback?: ?(() => void)
+    callback?: ?() => void,
   ): ?ReactComponent<any, any, any> {
-    var nextWrappedElement = React.createElement(
-      TopLevelWrapper,
-      { child: nextElement }
-    );
+    var nextWrappedElement = React.createElement(TopLevelWrapper, {
+      child: nextElement,
+    });
 
     var topRootNodeID = containerTag;
     var prevComponent = ReactNativeMount._instancesByContainerID[topRootNodeID];
@@ -114,7 +108,11 @@ var ReactNativeMount = {
       var prevWrappedElement = prevComponent._currentElement;
       var prevElement = prevWrappedElement.props.child;
       if (shouldUpdateReactComponent(prevElement, nextElement)) {
-        ReactUpdateQueue.enqueueElementInternal(prevComponent, nextWrappedElement, emptyObject);
+        ReactUpdateQueue.enqueueElementInternal(
+          prevComponent,
+          nextWrappedElement,
+          emptyObject,
+        );
         if (callback) {
           ReactUpdateQueue.enqueueCallbackInternal(prevComponent, callback);
         }
@@ -136,9 +134,11 @@ var ReactNativeMount = {
 
     if (callback) {
       var nonNullCallback = callback;
-      instance._pendingCallbacks = [function() {
-        nonNullCallback.call(instance._renderedComponent.getPublicInstance());
-      }];
+      instance._pendingCallbacks = [
+        function() {
+          nonNullCallback.call(instance._renderedComponent.getPublicInstance());
+        },
+      ];
     }
 
     // The initial render is synchronous but any updates that happen during
@@ -148,7 +148,7 @@ var ReactNativeMount = {
     ReactUpdates.batchedUpdates(
       batchedMountComponentIntoNode,
       instance,
-      containerTag
+      containerTag,
     );
     var component = instance._renderedComponent.getPublicInstance();
     return component;
@@ -158,14 +158,11 @@ var ReactNativeMount = {
    * @param {View} view View tree image.
    * @param {number} containerViewID View to insert sub-view into.
    */
-  _mountImageIntoNode: function(mountImage : number, containerID : number) {
+  _mountImageIntoNode: function(mountImage: number, containerID: number) {
     // Since we now know that the `mountImage` has been mounted, we can
     // mark it as such.
     var childTag = mountImage;
-    UIManager.setChildren(
-      containerID,
-      [childTag]
-    );
+    UIManager.setChildren(containerID, [childTag]);
   },
 
   /**
@@ -176,9 +173,7 @@ var ReactNativeMount = {
    * asynchronously, it's easier to just have this method be the one that calls
    * for removal of the view.
    */
-  unmountComponentAtNodeAndRemoveContainer: function(
-    containerTag: number
-  ) {
+  unmountComponentAtNodeAndRemoveContainer: function(containerTag: number) {
     ReactNativeMount.unmountComponentAtNode(containerTag);
     // call back into native to remove all of the subviews from this container
     UIManager.removeRootView(containerTag);
@@ -221,13 +216,12 @@ var ReactNativeMount = {
    */
   unmountComponentFromNode: function(
     instance: ReactComponent<any, any, any>,
-    containerID: number
+    containerID: number,
   ) {
     // Call back into native to remove all of the subviews from this container
     ReactReconciler.unmountComponent(instance);
     UIManager.removeSubviewsFromContainerWithID(containerID);
   },
-
 };
 
 module.exports = ReactNativeMount;
diff --git a/src/renderers/native/ReactNativeReconcileTransaction.js b/src/renderers/native/ReactNativeReconcileTransaction.js
index de34a657b5..9ee4fc9815 100644
--- a/src/renderers/native/ReactNativeReconcileTransaction.js
+++ b/src/renderers/native/ReactNativeReconcileTransaction.js
@@ -124,7 +124,7 @@ Object.assign(
   ReactNativeReconcileTransaction.prototype,
   Transaction,
   ReactNativeReconcileTransaction,
-  Mixin
+  Mixin,
 );
 
 PooledClass.addPoolingTo(ReactNativeReconcileTransaction);
diff --git a/src/renderers/native/ReactNativeStack.js b/src/renderers/native/ReactNativeStack.js
index 55cf71fa1c..2781d2e622 100644
--- a/src/renderers/native/ReactNativeStack.js
+++ b/src/renderers/native/ReactNativeStack.js
@@ -25,17 +25,13 @@ ReactNativeStackInjection.inject();
 var render = function(
   element: ReactElement<any>,
   mountInto: number,
-  callback?: ?(() => void)
+  callback?: ?() => void,
 ): ?ReactComponent<any, any, any> {
   return ReactNativeMount.renderComponent(element, mountInto, callback);
 };
 
-findNodeHandle.injection.injectFindNode(
-  (instance) => instance.getHostNode()
-);
-findNodeHandle.injection.injectFindRootNodeID(
-  (instance) => instance._rootNodeID
-);
+findNodeHandle.injection.injectFindNode(instance => instance.getHostNode());
+findNodeHandle.injection.injectFindRootNodeID(instance => instance._rootNodeID);
 
 var ReactNative = {
   hasReactNativeInitialized: false,
@@ -55,7 +51,8 @@ var ReactNative = {
 /* globals __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
   typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject === 'function') {
+  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject === 'function'
+) {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.inject({
     ComponentTree: {
       getClosestInstanceFromNode: function(node) {
diff --git a/src/renderers/native/ReactNativeStackInjection.js b/src/renderers/native/ReactNativeStackInjection.js
index 63ca4e124b..d1127b86b3 100644
--- a/src/renderers/native/ReactNativeStackInjection.js
+++ b/src/renderers/native/ReactNativeStackInjection.js
@@ -35,44 +35,40 @@ var invariant = require('fbjs/lib/invariant');
 
 function inject() {
   ReactGenericBatching.injection.injectStackBatchedUpdates(
-    ReactUpdates.batchedUpdates
+    ReactUpdates.batchedUpdates,
   );
 
   ReactUpdates.injection.injectReconcileTransaction(
-    ReactNativeComponentEnvironment.ReactReconcileTransaction
+    ReactNativeComponentEnvironment.ReactReconcileTransaction,
   );
 
-  ReactUpdates.injection.injectBatchingStrategy(
-    ReactDefaultBatchingStrategy
-  );
+  ReactUpdates.injection.injectBatchingStrategy(ReactDefaultBatchingStrategy);
 
   ReactComponentEnvironment.injection.injectEnvironment(
-    ReactNativeComponentEnvironment
+    ReactNativeComponentEnvironment,
   );
 
-  var EmptyComponent = (instantiate) => {
+  var EmptyComponent = instantiate => {
     // Can't import View at the top because it depends on React to make its composite
     var View = require('View');
     return new ReactSimpleEmptyComponent(
       React.createElement(View, {
         collapsable: true,
-        style: { position: 'absolute' },
+        style: {position: 'absolute'},
       }),
-      instantiate
+      instantiate,
     );
   };
 
-  findNodeHandle.injection.injectFindNode(
-    (instance) => instance.getHostNode()
-  );
+  findNodeHandle.injection.injectFindNode(instance => instance.getHostNode());
   findNodeHandle.injection.injectFindRootNodeID(
-    (instance) => instance._rootNodeID
+    instance => instance._rootNodeID,
   );
 
   ReactEmptyComponent.injection.injectEmptyComponentFactory(EmptyComponent);
 
   ReactHostComponent.injection.injectTextComponentClass(
-    ReactNativeTextComponent
+    ReactNativeTextComponent,
   );
   ReactHostComponent.injection.injectGenericComponentClass(function(tag) {
     // Show a nicer error message for non-function tags
diff --git a/src/renderers/native/ReactNativeTagHandles.js b/src/renderers/native/ReactNativeTagHandles.js
index 17e7e5d8e6..51e54d4033 100644
--- a/src/renderers/native/ReactNativeTagHandles.js
+++ b/src/renderers/native/ReactNativeTagHandles.js
@@ -44,7 +44,8 @@ var ReactNativeTagHandles = {
   assertRootTag: function(tag: number): void {
     invariant(
       this.reactTagIsNativeTopRootID(tag),
-      'Expect a native root tag, instead got %s', tag
+      'Expect a native root tag, instead got %s',
+      tag,
     );
   },
 
diff --git a/src/renderers/native/ReactNativeTextComponent.js b/src/renderers/native/ReactNativeTextComponent.js
index eb8525a49e..6f7988403a 100644
--- a/src/renderers/native/ReactNativeTextComponent.js
+++ b/src/renderers/native/ReactNativeTextComponent.js
@@ -26,24 +26,25 @@ var ReactNativeTextComponent = function(text) {
 };
 
 Object.assign(ReactNativeTextComponent.prototype, {
-
-  mountComponent: function(transaction, hostParent, hostContainerInfo, context) {
+  mountComponent: function(
+    transaction,
+    hostParent,
+    hostContainerInfo,
+    context,
+  ) {
     // TODO: hostParent should have this context already. Stop abusing context.
     invariant(
       context.isInAParentText,
       'RawText "%s" must be wrapped in an explicit <Text> component.',
-      this._stringText
+      this._stringText,
     );
     this._hostParent = hostParent;
     var tag = ReactNativeTagHandles.allocateTag();
     this._rootNodeID = tag;
     var nativeTopRootTag = hostContainerInfo._tag;
-    UIManager.createView(
-      tag,
-      'RCTRawText',
-      nativeTopRootTag,
-      {text: this._stringText}
-    );
+    UIManager.createView(tag, 'RCTRawText', nativeTopRootTag, {
+      text: this._stringText,
+    });
 
     ReactNativeComponentTree.precacheNode(this, tag);
 
@@ -60,11 +61,9 @@ Object.assign(ReactNativeTextComponent.prototype, {
       var nextStringText = '' + nextText;
       if (nextStringText !== this._stringText) {
         this._stringText = nextStringText;
-        UIManager.updateView(
-          this._rootNodeID,
-          'RCTRawText',
-          {text: this._stringText}
-        );
+        UIManager.updateView(this._rootNodeID, 'RCTRawText', {
+          text: this._stringText,
+        });
       }
     }
   },
@@ -75,7 +74,6 @@ Object.assign(ReactNativeTextComponent.prototype, {
     this._stringText = null;
     this._rootNodeID = 0;
   },
-
 });
 
 module.exports = ReactNativeTextComponent;
diff --git a/src/renderers/native/ReactNativeViewConfigRegistry.js b/src/renderers/native/ReactNativeViewConfigRegistry.js
index 39f95046e6..23a783cb31 100644
--- a/src/renderers/native/ReactNativeViewConfigRegistry.js
+++ b/src/renderers/native/ReactNativeViewConfigRegistry.js
@@ -25,12 +25,12 @@ const viewConfigs = new Map();
 const prefix = 'topsecret-';
 
 const ReactNativeViewConfigRegistry = {
-  register(viewConfig : ReactNativeBaseComponentViewConfig) {
+  register(viewConfig: ReactNativeBaseComponentViewConfig) {
     const name = viewConfig.uiViewClassName;
     invariant(
       !viewConfigs.has(name),
       'Tried to register two views with the same name %s',
-      name
+      name,
     );
     const secretName = prefix + name;
     viewConfigs.set(secretName, viewConfig);
@@ -38,11 +38,7 @@ const ReactNativeViewConfigRegistry = {
   },
   get(secretName: string) {
     const config = viewConfigs.get(secretName);
-    invariant(
-      config,
-      'View config not found for name %s',
-      secretName
-    );
+    invariant(config, 'View config not found for name %s', secretName);
     return config;
   },
 };
diff --git a/src/renderers/native/__tests__/ReactNativeAttributePayload-test.js b/src/renderers/native/__tests__/ReactNativeAttributePayload-test.js
index 568764dc0a..77c8ae799c 100644
--- a/src/renderers/native/__tests__/ReactNativeAttributePayload-test.js
+++ b/src/renderers/native/__tests__/ReactNativeAttributePayload-test.js
@@ -15,55 +15,45 @@ var ReactNativePropRegistry = require('ReactNativePropRegistry');
 var diff = ReactNativeAttributePayload.diff;
 
 describe('ReactNativeAttributePayload', () => {
-
   it('should work with simple example', () => {
-    expect(diff(
-      {a: 1, c: 3},
-      {b: 2, c: 3},
-      {a: true, b: true}
-    )).toEqual({a: null, b: 2});
+    expect(diff({a: 1, c: 3}, {b: 2, c: 3}, {a: true, b: true})).toEqual({
+      a: null,
+      b: 2,
+    });
   });
 
   it('should skip fields that are equal', () => {
-    expect(diff(
-      {a: 1, b: 'two', c: true, d: false, e: undefined, f: 0},
-      {a: 1, b: 'two', c: true, d: false, e: undefined, f: 0},
-      {a: true, b: true, c: true, d: true, e: true, f: true}
-    )).toEqual(null);
+    expect(
+      diff(
+        {a: 1, b: 'two', c: true, d: false, e: undefined, f: 0},
+        {a: 1, b: 'two', c: true, d: false, e: undefined, f: 0},
+        {a: true, b: true, c: true, d: true, e: true, f: true},
+      ),
+    ).toEqual(null);
   });
 
   it('should remove fields', () => {
-    expect(diff(
-      {a: 1},
-      {},
-      {a: true}
-    )).toEqual({a: null});
+    expect(diff({a: 1}, {}, {a: true})).toEqual({a: null});
   });
 
   it('should remove fields that are set to undefined', () => {
-    expect(diff(
-      {a: 1},
-      {a: undefined},
-      {a: true}
-    )).toEqual({a: null});
+    expect(diff({a: 1}, {a: undefined}, {a: true})).toEqual({a: null});
   });
 
   it('should ignore invalid fields', () => {
-    expect(diff(
-      {a: 1},
-      {b: 2},
-      {}
-    )).toEqual(null);
+    expect(diff({a: 1}, {b: 2}, {})).toEqual(null);
   });
 
   it('should use the diff attribute', () => {
     var diffA = jest.fn((a, b) => true);
     var diffB = jest.fn((a, b) => false);
-    expect(diff(
-      {a: [1], b: [3]},
-      {a: [2], b: [4]},
-      {a: {diff: diffA}, b: {diff: diffB}}
-    )).toEqual({a: [2]});
+    expect(
+      diff(
+        {a: [1], b: [3]},
+        {a: [2], b: [4]},
+        {a: {diff: diffA}, b: {diff: diffB}},
+      ),
+    ).toEqual({a: [2]});
     expect(diffA).toBeCalledWith([1], [2]);
     expect(diffB).toBeCalledWith([3], [4]);
   });
@@ -71,171 +61,176 @@ describe('ReactNativeAttributePayload', () => {
   it('should not use the diff attribute on addition/removal', () => {
     var diffA = jest.fn();
     var diffB = jest.fn();
-    expect(diff(
-      {a: [1]},
-      {b: [2]},
-      {a: {diff: diffA}, b: {diff: diffB}}
-    )).toEqual({a: null, b: [2]});
+    expect(
+      diff({a: [1]}, {b: [2]}, {a: {diff: diffA}, b: {diff: diffB}}),
+    ).toEqual({a: null, b: [2]});
     expect(diffA).not.toBeCalled();
     expect(diffB).not.toBeCalled();
   });
 
   it('should do deep diffs of Objects by default', () => {
-    expect(diff(
-      {a: [1], b: {k: [3, 4]}, c: {k: [4, 4]} },
-      {a: [2], b: {k: [3, 4]}, c: {k: [4, 5]} },
-      {a: true, b: true, c: true}
-    )).toEqual({a: [2], c: {k: [4, 5]}});
+    expect(
+      diff(
+        {a: [1], b: {k: [3, 4]}, c: {k: [4, 4]}},
+        {a: [2], b: {k: [3, 4]}, c: {k: [4, 5]}},
+        {a: true, b: true, c: true},
+      ),
+    ).toEqual({a: [2], c: {k: [4, 5]}});
   });
 
   it('should work with undefined styles', () => {
-    expect(diff(
-      { style: { a: '#ffffff', b: 1 } },
-      { style: undefined },
-      { style: { b: true } }
-    )).toEqual({ b: null });
-    expect(diff(
-      { style: undefined },
-      { style: { a: '#ffffff', b: 1 } },
-      { style: { b: true } }
-    )).toEqual({ b: 1 });
-    expect(diff(
-      { style: undefined },
-      { style: undefined },
-      { style: { b: true } }
-    )).toEqual(null);
+    expect(
+      diff(
+        {style: {a: '#ffffff', b: 1}},
+        {style: undefined},
+        {style: {b: true}},
+      ),
+    ).toEqual({b: null});
+    expect(
+      diff(
+        {style: undefined},
+        {style: {a: '#ffffff', b: 1}},
+        {style: {b: true}},
+      ),
+    ).toEqual({b: 1});
+    expect(
+      diff({style: undefined}, {style: undefined}, {style: {b: true}}),
+    ).toEqual(null);
   });
 
   it('should work with empty styles', () => {
-    expect(diff(
-      {a: 1, c: 3},
-      {},
-      {a: true, b: true}
-    )).toEqual({a: null});
-    expect(diff(
-      {},
-      {a: 1, c: 3},
-      {a: true, b: true}
-    )).toEqual({a: 1});
-    expect(diff(
-      {},
-      {},
-      {a: true, b: true}
-    )).toEqual(null);
+    expect(diff({a: 1, c: 3}, {}, {a: true, b: true})).toEqual({a: null});
+    expect(diff({}, {a: 1, c: 3}, {a: true, b: true})).toEqual({a: 1});
+    expect(diff({}, {}, {a: true, b: true})).toEqual(null);
   });
 
   it('should flatten nested styles and predefined styles', () => {
-    var validStyleAttribute = { someStyle: { foo: true, bar: true } };
+    var validStyleAttribute = {someStyle: {foo: true, bar: true}};
 
-    expect(diff(
-      {},
-      { someStyle: [{ foo: 1 }, { bar: 2 }]},
-      validStyleAttribute
-    )).toEqual({ foo: 1, bar: 2 });
+    expect(
+      diff({}, {someStyle: [{foo: 1}, {bar: 2}]}, validStyleAttribute),
+    ).toEqual({foo: 1, bar: 2});
 
-    expect(diff(
-      { someStyle: [{ foo: 1 }, { bar: 2 }]},
-      {},
-      validStyleAttribute
-    )).toEqual({ foo: null, bar: null });
+    expect(
+      diff({someStyle: [{foo: 1}, {bar: 2}]}, {}, validStyleAttribute),
+    ).toEqual({foo: null, bar: null});
 
     var barStyle = ReactNativePropRegistry.register({
       bar: 3,
     });
 
-    expect(diff(
-      {},
-      { someStyle: [[{ foo: 1 }, { foo: 2 }], barStyle]},
-      validStyleAttribute
-    )).toEqual({ foo: 2, bar: 3 });
+    expect(
+      diff(
+        {},
+        {someStyle: [[{foo: 1}, {foo: 2}], barStyle]},
+        validStyleAttribute,
+      ),
+    ).toEqual({foo: 2, bar: 3});
   });
 
   it('should reset a value to a previous if it is removed', () => {
-    var validStyleAttribute = { someStyle: { foo: true, bar: true } };
+    var validStyleAttribute = {someStyle: {foo: true, bar: true}};
 
-    expect(diff(
-      { someStyle: [{ foo: 1 }, { foo: 3 }]},
-      { someStyle: [{ foo: 1 }, { bar: 2 }]},
-      validStyleAttribute
-    )).toEqual({ foo: 1, bar: 2 });
+    expect(
+      diff(
+        {someStyle: [{foo: 1}, {foo: 3}]},
+        {someStyle: [{foo: 1}, {bar: 2}]},
+        validStyleAttribute,
+      ),
+    ).toEqual({foo: 1, bar: 2});
   });
 
   it('should not clear removed props if they are still in another slot', () => {
-    var validStyleAttribute = { someStyle: { foo: true, bar: true } };
+    var validStyleAttribute = {someStyle: {foo: true, bar: true}};
 
-    expect(diff(
-      { someStyle: [{}, { foo: 3, bar: 2 }]},
-      { someStyle: [{ foo: 3 }, { bar: 2 }]},
-      validStyleAttribute
-    )).toEqual({ foo: 3 }); // this should ideally be null. heuristic tradeoff.
+    expect(
+      diff(
+        {someStyle: [{}, {foo: 3, bar: 2}]},
+        {someStyle: [{foo: 3}, {bar: 2}]},
+        validStyleAttribute,
+      ),
+    ).toEqual({foo: 3}); // this should ideally be null. heuristic tradeoff.
 
-    expect(diff(
-      { someStyle: [{}, { foo: 3, bar: 2 }]},
-      { someStyle: [{ foo: 1, bar: 1 }, { bar: 2 }]},
-      validStyleAttribute
-    )).toEqual({ bar: 2, foo: 1 });
+    expect(
+      diff(
+        {someStyle: [{}, {foo: 3, bar: 2}]},
+        {someStyle: [{foo: 1, bar: 1}, {bar: 2}]},
+        validStyleAttribute,
+      ),
+    ).toEqual({bar: 2, foo: 1});
   });
 
   it('should clear a prop if a later style is explicit null/undefined', () => {
-    var validStyleAttribute = { someStyle: { foo: true, bar: true } };
-    expect(diff(
-      { someStyle: [{}, { foo: 3, bar: 2 }]},
-      { someStyle: [{ foo: 1 }, { bar: 2, foo: null }]},
-      validStyleAttribute
-    )).toEqual({ foo: null });
+    var validStyleAttribute = {someStyle: {foo: true, bar: true}};
+    expect(
+      diff(
+        {someStyle: [{}, {foo: 3, bar: 2}]},
+        {someStyle: [{foo: 1}, {bar: 2, foo: null}]},
+        validStyleAttribute,
+      ),
+    ).toEqual({foo: null});
 
-    expect(diff(
-      { someStyle: [{ foo: 3 }, { foo: null, bar: 2 }]},
-      { someStyle: [{ foo: null }, { bar: 2 }]},
-      validStyleAttribute
-    )).toEqual({ foo: null });
+    expect(
+      diff(
+        {someStyle: [{foo: 3}, {foo: null, bar: 2}]},
+        {someStyle: [{foo: null}, {bar: 2}]},
+        validStyleAttribute,
+      ),
+    ).toEqual({foo: null});
 
-    expect(diff(
-      { someStyle: [{ foo: 1 }, { foo: null }]},
-      { someStyle: [{ foo: 2 }, { foo: null }]},
-      validStyleAttribute
-    )).toEqual({ foo: null }); // this should ideally be null. heuristic.
+    expect(
+      diff(
+        {someStyle: [{foo: 1}, {foo: null}]},
+        {someStyle: [{foo: 2}, {foo: null}]},
+        validStyleAttribute,
+      ),
+    ).toEqual({foo: null}); // this should ideally be null. heuristic.
 
     // Test the same case with object equality because an early bailout doesn't
     // work in this case.
-    var fooObj = { foo: 3 };
-    expect(diff(
-      { someStyle: [{ foo: 1 }, fooObj]},
-      { someStyle: [{ foo: 2 }, fooObj]},
-      validStyleAttribute
-    )).toEqual({ foo: 3 }); // this should ideally be null. heuristic.
+    var fooObj = {foo: 3};
+    expect(
+      diff(
+        {someStyle: [{foo: 1}, fooObj]},
+        {someStyle: [{foo: 2}, fooObj]},
+        validStyleAttribute,
+      ),
+    ).toEqual({foo: 3}); // this should ideally be null. heuristic.
 
-    expect(diff(
-      { someStyle: [{ foo: 1 }, { foo: 3 }]},
-      { someStyle: [{ foo: 2 }, { foo: undefined }]},
-      validStyleAttribute
-    )).toEqual({ foo: null }); // this should ideally be null. heuristic.
+    expect(
+      diff(
+        {someStyle: [{foo: 1}, {foo: 3}]},
+        {someStyle: [{foo: 2}, {foo: undefined}]},
+        validStyleAttribute,
+      ),
+    ).toEqual({foo: null}); // this should ideally be null. heuristic.
   });
 
   // Function properties are just markers to native that events should be sent.
   it('should convert functions to booleans', () => {
     // Note that if the property changes from one function to another, we don't
     // need to send an update.
-    expect(diff(
-      {
-        a: function() {
-          return 1;
+    expect(
+      diff(
+        {
+          a: function() {
+            return 1;
+          },
+          b: function() {
+            return 2;
+          },
+          c: 3,
         },
-        b: function() {
-          return 2;
+        {
+          b: function() {
+            return 9;
+          },
+          c: function() {
+            return 3;
+          },
         },
-        c: 3,
-      },
-      {
-        b: function() {
-          return 9;
-        },
-        c: function() {
-          return 3;
-        },
-      },
-      {a: true, b: true, c: true}
-    )).toEqual({a: null, c: true});
+        {a: true, b: true, c: true},
+      ),
+    ).toEqual({a: null, c: true});
   });
-
 });
diff --git a/src/renderers/native/__tests__/ReactNativeEvents-test.js b/src/renderers/native/__tests__/ReactNativeEvents-test.js
index b9ae12aa04..c6d0085a59 100644
--- a/src/renderers/native/__tests__/ReactNativeEvents-test.js
+++ b/src/renderers/native/__tests__/ReactNativeEvents-test.js
@@ -33,7 +33,7 @@ it('handles events', () => {
   expect(RCTEventEmitter.register.mock.calls.length).toBe(1);
   var EventEmitter = RCTEventEmitter.register.mock.calls[0][0];
   var View = createReactNativeComponentClass({
-    validAttributes: { foo: true },
+    validAttributes: {foo: true},
     uiViewClassName: 'View',
   });
 
@@ -53,7 +53,7 @@ it('handles events', () => {
         onTouchStart={() => log.push('inner touchstart')}
       />
     </View>,
-    1
+    1,
   );
 
   expect(UIManager.createView.mock.calls.length).toBe(2);
@@ -61,18 +61,18 @@ it('handles events', () => {
   // Don't depend on the order of createView() calls.
   // Stack creates views outside-in; fiber creates them inside-out.
   var innerTag = UIManager.createView.mock.calls.find(
-    args => args[3].foo === 'inner'
+    args => args[3].foo === 'inner',
   )[0];
 
   EventEmitter.receiveTouches(
     'topTouchStart',
     [{target: innerTag, identifier: 17}],
-    [0]
+    [0],
   );
   EventEmitter.receiveTouches(
     'topTouchEnd',
     [{target: innerTag, identifier: 17}],
-    [0]
+    [0],
   );
 
   expect(log).toEqual([
@@ -90,13 +90,13 @@ it('handles events', () => {
 it('handles when a responder is unmounted while a touch sequence is in progress', () => {
   var EventEmitter = RCTEventEmitter.register.mock.calls[0][0];
   var View = createReactNativeComponentClass({
-    validAttributes: { id: true },
+    validAttributes: {id: true},
     uiViewClassName: 'View',
   });
 
   function getViewById(id) {
     return UIManager.createView.mock.calls.find(
-      args => args[3] && args[3].id === id
+      args => args[3] && args[3].id === id,
     )[0];
   }
 
@@ -131,13 +131,13 @@ it('handles when a responder is unmounted while a touch sequence is in progress'
         />
       </View>
     </View>,
-    1
+    1,
   );
 
   EventEmitter.receiveTouches(
     'topTouchStart',
     [{target: getViewById('one'), identifier: 17}],
-    [0]
+    [0],
   );
 
   expect(getResponderId()).toBe('one');
@@ -155,7 +155,7 @@ it('handles when a responder is unmounted while a touch sequence is in progress'
         />
       </View>
     </View>,
-    1
+    1,
   );
 
   // TODO Verify the onResponderEnd listener has been called (before the unmount)
@@ -165,7 +165,7 @@ it('handles when a responder is unmounted while a touch sequence is in progress'
   EventEmitter.receiveTouches(
     'topTouchEnd',
     [{target: getViewById('two'), identifier: 17}],
-    [0]
+    [0],
   );
 
   expect(getResponderId()).toBeNull();
@@ -174,7 +174,7 @@ it('handles when a responder is unmounted while a touch sequence is in progress'
   EventEmitter.receiveTouches(
     'topTouchStart',
     [{target: getViewById('two'), identifier: 17}],
-    [0]
+    [0],
   );
 
   expect(getResponderId()).toBe('two');
diff --git a/src/renderers/native/__tests__/ReactNativeMount-test.js b/src/renderers/native/__tests__/ReactNativeMount-test.js
index c4fb4b77d0..9c9bf936f8 100644
--- a/src/renderers/native/__tests__/ReactNativeMount-test.js
+++ b/src/renderers/native/__tests__/ReactNativeMount-test.js
@@ -28,7 +28,7 @@ describe('ReactNative', () => {
 
   it('should be able to create and render a native component', () => {
     var View = createReactNativeComponentClass({
-      validAttributes: { foo: true },
+      validAttributes: {foo: true},
       uiViewClassName: 'View',
     });
 
@@ -41,7 +41,7 @@ describe('ReactNative', () => {
 
   it('should be able to create and update a native component', () => {
     var View = createReactNativeComponentClass({
-      validAttributes: { foo: true },
+      validAttributes: {foo: true},
       uiViewClassName: 'View',
     });
 
@@ -57,28 +57,27 @@ describe('ReactNative', () => {
     expect(UIManager.createView.mock.calls.length).toBe(1);
     expect(UIManager.setChildren.mock.calls.length).toBe(1);
     expect(UIManager.manageChildren).not.toBeCalled();
-    expect(UIManager.updateView).toBeCalledWith(2, 'View', { foo: 'bar' });
+    expect(UIManager.updateView).toBeCalledWith(2, 'View', {foo: 'bar'});
   });
 
   it('returns the correct instance and calls it in the callback', () => {
     var View = createReactNativeComponentClass({
-      validAttributes: { foo: true },
+      validAttributes: {foo: true},
       uiViewClassName: 'View',
     });
 
     var a;
     var b;
     var c = ReactNative.render(
-      <View foo="foo" ref={(v) => a = v} />,
+      <View foo="foo" ref={v => a = v} />,
       11,
       function() {
         b = this;
-      }
+      },
     );
 
     expect(a).toBeTruthy();
     expect(a).toBe(b);
     expect(a).toBe(c);
   });
-
 });
diff --git a/src/renderers/native/createReactNativeComponentClass.js b/src/renderers/native/createReactNativeComponentClass.js
index 0d560c0553..9e4039a9f2 100644
--- a/src/renderers/native/createReactNativeComponentClass.js
+++ b/src/renderers/native/createReactNativeComponentClass.js
@@ -28,7 +28,7 @@ type ReactNativeBaseComponentViewConfig = {
  * @private
  */
 const createReactNativeFiberComponentClass = function(
-  viewConfig: ReactNativeBaseComponentViewConfig
+  viewConfig: ReactNativeBaseComponentViewConfig,
 ): string {
   return ReactNativeViewConfigRegistry.register(viewConfig);
 };
@@ -38,7 +38,7 @@ const createReactNativeFiberComponentClass = function(
  * @private
  */
 const createReactNativeComponentClass = function(
-  viewConfig: ReactNativeBaseComponentViewConfig
+  viewConfig: ReactNativeBaseComponentViewConfig,
 ): ReactClass<any> {
   const Constructor = function(element) {
     this._currentElement = element;
diff --git a/src/renderers/native/findNodeHandle.js b/src/renderers/native/findNodeHandle.js
index 7edb378924..5b02c1054c 100644
--- a/src/renderers/native/findNodeHandle.js
+++ b/src/renderers/native/findNodeHandle.js
@@ -18,7 +18,7 @@ var ReactInstanceMap = require('ReactInstanceMap');
 var invariant = require('fbjs/lib/invariant');
 var warning = require('fbjs/lib/warning');
 
-import type { ReactInstance } from 'ReactInstanceType';
+import type {ReactInstance} from 'ReactInstanceType';
 
 /**
  * ReactNative vs ReactWeb
@@ -61,11 +61,11 @@ function findNodeHandle(componentOrHandle: any): ?number {
       warning(
         owner._warnedAboutRefsInRender,
         '%s is accessing findNodeHandle inside its render(). ' +
-        'render() should be a pure function of props and state. It should ' +
-        'never access something that requires stale data from the previous ' +
-        'render, such as refs. Move this logic to componentDidMount and ' +
-        'componentDidUpdate instead.',
-        owner.getName() || 'A component'
+          'render() should be a pure function of props and state. It should ' +
+          'never access something that requires stale data from the previous ' +
+          'render, such as refs. Move this logic to componentDidMount and ' +
+          'componentDidUpdate instead.',
+        owner.getName() || 'A component',
       );
 
       owner._warnedAboutRefsInRender = true;
@@ -92,27 +92,21 @@ function findNodeHandle(componentOrHandle: any): ?number {
       return rootNodeID;
     } else {
       invariant(
-        (
-          // Native
-          typeof component === 'object' &&
-          (
-            '_rootNodeID' in component || // TODO (bvaughn) Clean up once Stack is deprecated
-            '_nativeTag' in component
-          )
-        ) || (
+        // Native
+        (typeof component === 'object' &&
+          ('_rootNodeID' in component || // TODO (bvaughn) Clean up once Stack is deprecated
+            '_nativeTag' in component)) ||
           // Composite
-          component.render != null &&
-          typeof component.render === 'function'
-        ),
+          (component.render != null && typeof component.render === 'function'),
         'findNodeHandle(...): Argument is not a component ' +
-        '(type: %s, keys: %s)',
+          '(type: %s, keys: %s)',
         typeof component,
-        Object.keys(component)
+        Object.keys(component),
       );
       invariant(
         false,
         'findNodeHandle(...): Unable to find node handle for unmounted ' +
-        'component.'
+          'component.',
       );
     }
   }
diff --git a/src/renderers/noop/ReactNoop.js b/src/renderers/noop/ReactNoop.js
index d0e2f74c15..54f411dabe 100644
--- a/src/renderers/noop/ReactNoop.js
+++ b/src/renderers/noop/ReactNoop.js
@@ -19,8 +19,8 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { UpdateQueue } from 'ReactFiberUpdateQueue';
+import type {Fiber} from 'ReactFiber';
+import type {UpdateQueue} from 'ReactFiberUpdateQueue';
 
 var ReactFiberReconciler = require('ReactFiberReconciler');
 var ReactInstanceMap = require('ReactInstanceMap');
@@ -34,17 +34,21 @@ const UPDATE_SIGNAL = {};
 var scheduledAnimationCallback = null;
 var scheduledDeferredCallback = null;
 
-type Container = { rootID: string, children: Array<Instance | TextInstance> };
-type Props = { prop: any, hidden ?: boolean };
-type Instance = {| type: string, id: number, children: Array<Instance | TextInstance>, prop: any |};
-type TextInstance = {| text: string, id: number |};
+type Container = {rootID: string, children: Array<Instance | TextInstance>};
+type Props = {prop: any, hidden?: boolean};
+type Instance = {|
+  type: string,
+  id: number,
+  children: Array<Instance | TextInstance>,
+  prop: any,
+|};
+type TextInstance = {|text: string, id: number|};
 
 var instanceCounter = 0;
 
 var failInBeginPhase = false;
 
 var NoopRenderer = ReactFiberReconciler({
-
   getRootHostContext() {
     if (failInBeginPhase) {
       throw new Error('Error in host config.');
@@ -60,7 +64,7 @@ var NoopRenderer = ReactFiberReconciler({
     return instance;
   },
 
-  createInstance(type : string, props : Props) : Instance {
+  createInstance(type: string, props: Props): Instance {
     const inst = {
       id: instanceCounter++,
       type: type,
@@ -68,60 +72,83 @@ var NoopRenderer = ReactFiberReconciler({
       prop: props.prop,
     };
     // Hide from unit tests
-    Object.defineProperty(inst, 'id', { value: inst.id, enumerable: false });
+    Object.defineProperty(inst, 'id', {value: inst.id, enumerable: false});
     return inst;
   },
 
-  appendInitialChild(parentInstance : Instance, child : Instance | TextInstance) : void {
+  appendInitialChild(
+    parentInstance: Instance,
+    child: Instance | TextInstance,
+  ): void {
     parentInstance.children.push(child);
   },
 
-  finalizeInitialChildren(domElement : Instance, type : string, props : Props) : boolean {
+  finalizeInitialChildren(
+    domElement: Instance,
+    type: string,
+    props: Props,
+  ): boolean {
     return false;
   },
 
-  prepareUpdate(instance : Instance, type : string, oldProps : Props, newProps : Props) : null | {} {
+  prepareUpdate(
+    instance: Instance,
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+  ): null | {} {
     return UPDATE_SIGNAL;
   },
 
-  commitMount(instance : Instance, type : string, newProps : Props) : void {
+  commitMount(instance: Instance, type: string, newProps: Props): void {
     // Noop
   },
 
-  commitUpdate(instance : Instance, updatePayload : Object, type : string, oldProps : Props, newProps : Props) : void {
+  commitUpdate(
+    instance: Instance,
+    updatePayload: Object,
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+  ): void {
     instance.prop = newProps.prop;
   },
 
-  shouldSetTextContent(props : Props) : boolean {
-    return (
-      typeof props.children === 'string' ||
-      typeof props.children === 'number'
-    );
+  shouldSetTextContent(props: Props): boolean {
+    return typeof props.children === 'string' ||
+      typeof props.children === 'number';
   },
 
-  resetTextContent(instance : Instance) : void {},
+  resetTextContent(instance: Instance): void {},
 
-  shouldDeprioritizeSubtree(type : string, props : Props) : boolean {
+  shouldDeprioritizeSubtree(type: string, props: Props): boolean {
     return !!props.hidden;
   },
 
   createTextInstance(
-    text : string,
-    rootContainerInstance : Container,
-    hostContext : Object,
-    internalInstanceHandle : Object
-  ) : TextInstance {
-    var inst = { text : text, id: instanceCounter++ };
+    text: string,
+    rootContainerInstance: Container,
+    hostContext: Object,
+    internalInstanceHandle: Object,
+  ): TextInstance {
+    var inst = {text: text, id: instanceCounter++};
     // Hide from unit tests
-    Object.defineProperty(inst, 'id', { value: inst.id, enumerable: false });
+    Object.defineProperty(inst, 'id', {value: inst.id, enumerable: false});
     return inst;
   },
 
-  commitTextUpdate(textInstance : TextInstance, oldText : string, newText : string) : void {
+  commitTextUpdate(
+    textInstance: TextInstance,
+    oldText: string,
+    newText: string,
+  ): void {
     textInstance.text = newText;
   },
 
-  appendChild(parentInstance : Instance | Container, child : Instance | TextInstance) : void {
+  appendChild(
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+  ): void {
     const index = parentInstance.children.indexOf(child);
     if (index !== -1) {
       parentInstance.children.splice(index, 1);
@@ -130,10 +157,10 @@ var NoopRenderer = ReactFiberReconciler({
   },
 
   insertBefore(
-    parentInstance : Instance | Container,
-    child : Instance | TextInstance,
-    beforeChild : Instance | TextInstance
-  ) : void {
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+    beforeChild: Instance | TextInstance,
+  ): void {
     const index = parentInstance.children.indexOf(child);
     if (index !== -1) {
       parentInstance.children.splice(index, 1);
@@ -145,7 +172,10 @@ var NoopRenderer = ReactFiberReconciler({
     parentInstance.children.splice(beforeIndex, 0, child);
   },
 
-  removeChild(parentInstance : Instance | Container, child : Instance | TextInstance) : void {
+  removeChild(
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+  ): void {
     const index = parentInstance.children.indexOf(child);
     if (index === -1) {
       throw new Error('This child does not exist.');
@@ -157,7 +187,7 @@ var NoopRenderer = ReactFiberReconciler({
     if (scheduledAnimationCallback) {
       throw new Error(
         'Scheduling an animation callback twice is excessive. ' +
-        'Instead, keep track of whether the callback has already been scheduled.'
+          'Instead, keep track of whether the callback has already been scheduled.',
       );
     }
     scheduledAnimationCallback = callback;
@@ -167,18 +197,15 @@ var NoopRenderer = ReactFiberReconciler({
     if (scheduledDeferredCallback) {
       throw new Error(
         'Scheduling deferred callback twice is excessive. ' +
-        'Instead, keep track of whether the callback has already been scheduled.'
+          'Instead, keep track of whether the callback has already been scheduled.',
       );
     }
     scheduledDeferredCallback = callback;
   },
 
-  prepareForCommit() : void {
-  },
-
-  resetAfterCommit() : void {
-  },
+  prepareForCommit(): void {},
 
+  resetAfterCommit(): void {},
 });
 
 var rootContainers = new Map();
@@ -186,8 +213,7 @@ var roots = new Map();
 var DEFAULT_ROOT_ID = '<default>';
 
 var ReactNoop = {
-
-  getChildren(rootID : string = DEFAULT_ROOT_ID) {
+  getChildren(rootID: string = DEFAULT_ROOT_ID) {
     const container = rootContainers.get(rootID);
     if (container) {
       return container.children;
@@ -197,14 +223,18 @@ var ReactNoop = {
   },
 
   // Shortcut for testing a single root
-  render(element : ReactElement<any>, callback: ?Function) {
+  render(element: ReactElement<any>, callback: ?Function) {
     ReactNoop.renderToRootWithID(element, DEFAULT_ROOT_ID, callback);
   },
 
-  renderToRootWithID(element : ReactElement<any>, rootID : string, callback : ?Function) {
+  renderToRootWithID(
+    element: ReactElement<any>,
+    rootID: string,
+    callback: ?Function,
+  ) {
     let root = roots.get(rootID);
     if (!root) {
-      const container = { rootID: rootID, children: [] };
+      const container = {rootID: rootID, children: []};
       rootContainers.set(rootID, container);
       root = NoopRenderer.createContainer(container);
       roots.set(rootID, root);
@@ -212,7 +242,7 @@ var ReactNoop = {
     NoopRenderer.updateContainer(element, root, null, callback);
   },
 
-  unmountRootWithID(rootID : string) {
+  unmountRootWithID(rootID: string) {
     const root = roots.get(rootID);
     if (root) {
       NoopRenderer.updateContainer(null, root, null, () => {
@@ -222,12 +252,14 @@ var ReactNoop = {
     }
   },
 
-  findInstance(componentOrElement : Element | ?ReactComponent<any, any, any>) : null | Instance | TextInstance {
+  findInstance(
+    componentOrElement: Element | ?ReactComponent<any, any, any>,
+  ): null | Instance | TextInstance {
     if (componentOrElement == null) {
       return null;
     }
     // Unsound duck typing.
-    const component = (componentOrElement : any);
+    const component = (componentOrElement: any);
     if (typeof component.id === 'number') {
       return component;
     }
@@ -244,7 +276,7 @@ var ReactNoop = {
     cb();
   },
 
-  flushDeferredPri(timeout : number = Infinity) {
+  flushDeferredPri(timeout: number = Infinity) {
     var cb = scheduledDeferredCallback;
     if (cb === null) {
       return;
@@ -279,7 +311,7 @@ var ReactNoop = {
   syncUpdates: NoopRenderer.syncUpdates,
 
   // Logs the current state of the tree.
-  dumpTree(rootID : string = DEFAULT_ROOT_ID) {
+  dumpTree(rootID: string = DEFAULT_ROOT_ID) {
     const root = roots.get(rootID);
     const rootContainer = rootContainers.get(rootID);
     if (!root || !rootContainer) {
@@ -306,15 +338,13 @@ var ReactNoop = {
         }
       }
     }
-    function logContainer(container : Container, depth) {
+    function logContainer(container: Container, depth) {
       log('  '.repeat(depth) + '- [root#' + container.rootID + ']');
       logHostInstances(container.children, depth + 1);
     }
 
-    function logUpdateQueue(updateQueue : UpdateQueue, depth) {
-      log(
-        '  '.repeat(depth + 1) + 'QUEUED UPDATES'
-      );
+    function logUpdateQueue(updateQueue: UpdateQueue, depth) {
+      log('  '.repeat(depth + 1) + 'QUEUED UPDATES');
       const firstUpdate = updateQueue.first;
       if (!firstUpdate) {
         return;
@@ -324,30 +354,34 @@ var ReactNoop = {
         '  '.repeat(depth + 1) + '~',
         firstUpdate && firstUpdate.partialState,
         firstUpdate.callback ? 'with callback' : '',
-        '[' + firstUpdate.priorityLevel + ']'
+        '[' + firstUpdate.priorityLevel + ']',
       );
       var next;
-      while (next = firstUpdate.next) {
+      while ((next = firstUpdate.next)) {
         log(
           '  '.repeat(depth + 1) + '~',
           next.partialState,
           next.callback ? 'with callback' : '',
-          '[' + firstUpdate.priorityLevel + ']'
+          '[' + firstUpdate.priorityLevel + ']',
         );
       }
     }
 
-    function logFiber(fiber : Fiber, depth) {
+    function logFiber(fiber: Fiber, depth) {
       log(
-        '  '.repeat(depth) + '- ' + (fiber.type ? fiber.type.name || fiber.type : '[root]'),
-        '[' + fiber.pendingWorkPriority + (fiber.pendingProps ? '*' : '') + ']'
+        '  '.repeat(depth) +
+          '- ' +
+          (fiber.type ? fiber.type.name || fiber.type : '[root]'),
+        '[' + fiber.pendingWorkPriority + (fiber.pendingProps ? '*' : '') + ']',
       );
       if (fiber.updateQueue) {
         logUpdateQueue(fiber.updateQueue, depth);
       }
       const childInProgress = fiber.progressedChild;
       if (childInProgress && childInProgress !== fiber.child) {
-        log('  '.repeat(depth + 1) + 'IN PROGRESS: ' + fiber.progressedPriority);
+        log(
+          '  '.repeat(depth + 1) + 'IN PROGRESS: ' + fiber.progressedPriority,
+        );
         logFiber(childInProgress, depth + 1);
         if (fiber.child) {
           log('  '.repeat(depth + 1) + 'CURRENT');
@@ -371,7 +405,7 @@ var ReactNoop = {
     console.log(...bufferedLog);
   },
 
-  simulateErrorInHostConfig(fn : () => void) {
+  simulateErrorInHostConfig(fn: () => void) {
     failInBeginPhase = true;
     try {
       fn();
@@ -379,7 +413,6 @@ var ReactNoop = {
       failInBeginPhase = false;
     }
   },
-
 };
 
 module.exports = ReactNoop;
diff --git a/src/renderers/shared/ReactDebugTool.js b/src/renderers/shared/ReactDebugTool.js
index 6a3781f947..b5ad9efeb9 100644
--- a/src/renderers/shared/ReactDebugTool.js
+++ b/src/renderers/shared/ReactDebugTool.js
@@ -20,22 +20,22 @@ var ExecutionEnvironment = require('fbjs/lib/ExecutionEnvironment');
 var performanceNow = require('fbjs/lib/performanceNow');
 var warning = require('fbjs/lib/warning');
 
-import type { ReactElement } from 'ReactElementType';
-import type { DebugID } from 'ReactInstanceType';
-import type { Operation } from 'ReactHostOperationHistoryHook';
+import type {ReactElement} from 'ReactElementType';
+import type {DebugID} from 'ReactInstanceType';
+import type {Operation} from 'ReactHostOperationHistoryHook';
 
 type Hook = any;
 
 type TimerType =
-  'ctor' |
-  'render' |
-  'componentWillMount' |
-  'componentWillUnmount' |
-  'componentWillReceiveProps' |
-  'shouldComponentUpdate' |
-  'componentWillUpdate' |
-  'componentDidUpdate' |
-  'componentDidMount';
+  | 'ctor'
+  | 'render'
+  | 'componentWillMount'
+  | 'componentWillUnmount'
+  | 'componentWillReceiveProps'
+  | 'shouldComponentUpdate'
+  | 'componentWillUpdate'
+  | 'componentDidUpdate'
+  | 'componentDidMount';
 
 type Measurement = {
   timerType: TimerType,
@@ -51,7 +51,7 @@ type TreeSnapshot = {
     childIDs: Array<DebugID>,
     ownerID: DebugID,
     parentID: DebugID,
-  }
+  },
 };
 
 type HistoryItem = {
@@ -78,7 +78,7 @@ if (__DEV__) {
         didHookThrowForEvent[event],
         'Exception thrown by hook while handling %s: %s',
         event,
-        e + '\n' + e.stack
+        e + '\n' + e.stack,
       );
       didHookThrowForEvent[event] = true;
     }
@@ -113,22 +113,25 @@ if (__DEV__) {
   };
 
   const getTreeSnapshot = function(registeredIDs) {
-    return registeredIDs.reduce((tree, id) => {
-      var ownerID = ReactComponentTreeHook.getOwnerID(id);
-      var parentID = ReactComponentTreeHook.getParentID(id);
-      tree[id] = {
-        displayName: ReactComponentTreeHook.getDisplayName(id),
-        text: ReactComponentTreeHook.getText(id),
-        updateCount: ReactComponentTreeHook.getUpdateCount(id),
-        childIDs: ReactComponentTreeHook.getChildIDs(id),
-        // Text nodes don't have owners but this is close enough.
-        ownerID: ownerID ||
-          parentID && ReactComponentTreeHook.getOwnerID(parentID) ||
-          0,
-        parentID,
-      };
-      return tree;
-    }, {});
+    return registeredIDs.reduce(
+      (tree, id) => {
+        var ownerID = ReactComponentTreeHook.getOwnerID(id);
+        var parentID = ReactComponentTreeHook.getParentID(id);
+        tree[id] = {
+          displayName: ReactComponentTreeHook.getDisplayName(id),
+          text: ReactComponentTreeHook.getText(id),
+          updateCount: ReactComponentTreeHook.getUpdateCount(id),
+          childIDs: ReactComponentTreeHook.getChildIDs(id),
+          // Text nodes don't have owners but this is close enough.
+          ownerID: ownerID ||
+            (parentID && ReactComponentTreeHook.getOwnerID(parentID)) ||
+            0,
+          parentID,
+        };
+        return tree;
+      },
+      {},
+    );
   };
 
   const resetMeasurements = function() {
@@ -175,11 +178,11 @@ if (__DEV__) {
       warning(
         false,
         'There is an internal error in the React performance measurement code.' +
-        '\n\nDid not expect %s timer to start while %s timer is still in ' +
-        'progress for %s instance.',
+          '\n\nDid not expect %s timer to start while %s timer is still in ' +
+          'progress for %s instance.',
         timerType,
         currentTimerType || 'no',
-        (debugID === currentTimerDebugID) ? 'the same' : 'another'
+        debugID === currentTimerDebugID ? 'the same' : 'another',
       );
       lifeCycleTimerHasWarned = true;
     }
@@ -197,11 +200,11 @@ if (__DEV__) {
       warning(
         false,
         'There is an internal error in the React performance measurement code. ' +
-        'We did not expect %s timer to stop while %s timer is still in ' +
-        'progress for %s instance. Please report this as a bug in React.',
+          'We did not expect %s timer to stop while %s timer is still in ' +
+          'progress for %s instance. Please report this as a bug in React.',
         timerType,
         currentTimerType || 'no',
-        (debugID === currentTimerDebugID) ? 'the same' : 'another'
+        debugID === currentTimerDebugID ? 'the same' : 'another',
       );
       lifeCycleTimerHasWarned = true;
     }
@@ -209,7 +212,9 @@ if (__DEV__) {
       currentFlushMeasurements.push({
         timerType,
         instanceID: debugID,
-        duration: performanceNow() - currentTimerStartTime - currentTimerNestedFlushDuration,
+        duration: performanceNow() -
+          currentTimerStartTime -
+          currentTimerNestedFlushDuration,
       });
     }
     currentTimerStartTime = 0;
@@ -233,7 +238,12 @@ if (__DEV__) {
   };
 
   const resumeCurrentLifeCycleTimer = function() {
-    var {startTime, nestedFlushStartTime, debugID, timerType} = lifeCycleTimerStack.pop();
+    var {
+      startTime,
+      nestedFlushStartTime,
+      debugID,
+      timerType,
+    } = lifeCycleTimerStack.pop();
     var nestedFlushDuration = performanceNow() - nestedFlushStartTime;
     currentTimerStartTime = startTime;
     currentTimerNestedFlushDuration += nestedFlushDuration;
@@ -242,8 +252,7 @@ if (__DEV__) {
   };
 
   var lastMarkTimeStamp = 0;
-  var canUsePerformanceMeasure: boolean =
-    typeof performance !== 'undefined' &&
+  var canUsePerformanceMeasure: boolean = typeof performance !== 'undefined' &&
     typeof performance.mark === 'function' &&
     typeof performance.clearMarks === 'function' &&
     typeof performance.measure === 'function' &&
@@ -280,7 +289,8 @@ if (__DEV__) {
     }
 
     var markName = `${debugID}::${markType}`;
-    var displayName = ReactComponentTreeHook.getDisplayName(debugID) || 'Unknown';
+    var displayName = ReactComponentTreeHook.getDisplayName(debugID) ||
+      'Unknown';
 
     // Chrome has an issue of dropping markers recorded too fast:
     // https://bugs.chromium.org/p/chromium/issues/detail?id=640652
@@ -377,7 +387,11 @@ if (__DEV__) {
       childDebugIDs.forEach(checkDebugID);
       emitEvent('onSetChildren', debugID, childDebugIDs);
     },
-    onBeforeMountComponent(debugID: DebugID, element: ReactElement, parentDebugID: DebugID): void {
+    onBeforeMountComponent(
+      debugID: DebugID,
+      element: ReactElement,
+      parentDebugID: DebugID,
+    ): void {
       checkDebugID(debugID);
       checkDebugID(parentDebugID, true);
       emitEvent('onBeforeMountComponent', debugID, element, parentDebugID);
@@ -416,7 +430,7 @@ if (__DEV__) {
   ReactDebugTool.addHook(ReactInvalidSetStateWarningHook);
   ReactDebugTool.addHook(ReactComponentTreeHook);
   var url = (ExecutionEnvironment.canUseDOM && window.location.href) || '';
-  if ((/[?&]react_perf\b/).test(url)) {
+  if (/[?&]react_perf\b/.test(url)) {
     ReactDebugTool.beginProfiling();
   }
 }
diff --git a/src/renderers/shared/ReactPerf.js b/src/renderers/shared/ReactPerf.js
index 17620aee1c..f7f8984c0b 100644
--- a/src/renderers/shared/ReactPerf.js
+++ b/src/renderers/shared/ReactPerf.js
@@ -16,7 +16,7 @@ var ReactDebugTool = require('ReactDebugTool');
 var warning = require('fbjs/lib/warning');
 var alreadyWarned = false;
 
-import type { FlushHistory } from 'ReactDebugTool';
+import type {FlushHistory} from 'ReactDebugTool';
 
 function roundFloat(val, base = 2) {
   var n = Math.pow(10, base);
@@ -37,7 +37,7 @@ function warnInProduction() {
   if (typeof console !== 'undefined') {
     console.error(
       'ReactPerf is not supported in the production builds of React. ' +
-      'To collect measurements, please use the development build of React instead.'
+        'To collect measurements, please use the development build of React instead.',
     );
   }
 }
@@ -60,19 +60,24 @@ function getExclusive(flushHistory = getLastMeasurements()) {
   var aggregatedStats = {};
   var affectedIDs = {};
 
-  function updateAggregatedStats(treeSnapshot, instanceID, timerType, applyUpdate) {
+  function updateAggregatedStats(
+    treeSnapshot,
+    instanceID,
+    timerType,
+    applyUpdate,
+  ) {
     var {displayName} = treeSnapshot[instanceID];
     var key = displayName;
     var stats = aggregatedStats[key];
     if (!stats) {
       affectedIDs[key] = {};
-      stats = aggregatedStats[key] = {
+      stats = (aggregatedStats[key] = {
         key,
         instanceCount: 0,
         counts: {},
         durations: {},
         totalDuration: 0,
-      };
+      });
     }
     if (!stats.durations[timerType]) {
       stats.durations[timerType] = 0;
@@ -101,9 +106,7 @@ function getExclusive(flushHistory = getLastMeasurements()) {
       ...aggregatedStats[key],
       instanceCount: Object.keys(affectedIDs[key]).length,
     }))
-    .sort((a, b) =>
-      b.totalDuration - a.totalDuration
-    );
+    .sort((a, b) => b.totalDuration - a.totalDuration);
 }
 
 function getInclusive(flushHistory = getLastMeasurements()) {
@@ -122,12 +125,12 @@ function getInclusive(flushHistory = getLastMeasurements()) {
     var stats = aggregatedStats[key];
     if (!stats) {
       affectedIDs[key] = {};
-      stats = aggregatedStats[key] = {
+      stats = (aggregatedStats[key] = {
         key,
         instanceCount: 0,
         inclusiveRenderDuration: 0,
         renderCount: 0,
-      };
+      });
     }
     affectedIDs[key][instanceID] = true;
     applyUpdate(stats);
@@ -174,9 +177,7 @@ function getInclusive(flushHistory = getLastMeasurements()) {
       ...aggregatedStats[key],
       instanceCount: Object.keys(affectedIDs[key]).length,
     }))
-    .sort((a, b) =>
-      b.inclusiveRenderDuration - a.inclusiveRenderDuration
-    );
+    .sort((a, b) => b.inclusiveRenderDuration - a.inclusiveRenderDuration);
 }
 
 function getWasted(flushHistory = getLastMeasurements()) {
@@ -195,12 +196,12 @@ function getWasted(flushHistory = getLastMeasurements()) {
     var stats = aggregatedStats[key];
     if (!stats) {
       affectedIDs[key] = {};
-      stats = aggregatedStats[key] = {
+      stats = (aggregatedStats[key] = {
         key,
         instanceCount: 0,
         inclusiveRenderDuration: 0,
         renderCount: 0,
-      };
+      });
     }
     affectedIDs[key][instanceID] = true;
     applyUpdate(stats);
@@ -240,7 +241,7 @@ function getWasted(flushHistory = getLastMeasurements()) {
 
       // If there was a DOM update below this component, or it has just been
       // mounted, its render() is not considered wasted.
-      var { updateCount } = treeSnapshot[instanceID];
+      var {updateCount} = treeSnapshot[instanceID];
       if (isDefinitelyNotWastedByID[instanceID] || updateCount === 0) {
         return;
       }
@@ -254,8 +255,7 @@ function getWasted(flushHistory = getLastMeasurements()) {
       while (nextParentID) {
         // Any parents rendered during this batch are considered wasted
         // unless we previously marked them as dirty.
-        var isWasted =
-          renderedCompositeIDs[nextParentID] &&
+        var isWasted = renderedCompositeIDs[nextParentID] &&
           !isDefinitelyNotWastedByID[nextParentID];
         if (isWasted) {
           updateAggregatedStats(treeSnapshot, nextParentID, stats => {
@@ -272,9 +272,7 @@ function getWasted(flushHistory = getLastMeasurements()) {
       ...aggregatedStats[key],
       instanceCount: Object.keys(affectedIDs[key]).length,
     }))
-    .sort((a, b) =>
-      b.inclusiveRenderDuration - a.inclusiveRenderDuration
-    );
+    .sort((a, b) => b.inclusiveRenderDuration - a.inclusiveRenderDuration);
 }
 
 function getOperations(flushHistory = getLastMeasurements()) {
@@ -317,13 +315,13 @@ function printExclusive(flushHistory?: FlushHistory) {
     var renderCount = item.counts.render || 0;
     var renderDuration = item.durations.render || 0;
     return {
-      'Component': key,
+      Component: key,
       'Total time (ms)': roundFloat(totalDuration),
       'Instance count': instanceCount,
       'Total render time (ms)': roundFloat(renderDuration),
-      'Average render time (ms)': renderCount ?
-        roundFloat(renderDuration / renderCount) :
-        undefined,
+      'Average render time (ms)': renderCount
+        ? roundFloat(renderDuration / renderCount)
+        : undefined,
       'Render count': renderCount,
       'Total lifecycle time (ms)': roundFloat(totalDuration - renderDuration),
     };
@@ -378,10 +376,10 @@ function printOperations(flushHistory?: FlushHistory) {
   var stats = getOperations(flushHistory);
   var table = stats.map(stat => ({
     'Owner > Node': stat.key,
-    'Operation': stat.type,
-    'Payload': typeof stat.payload === 'object' ?
-      JSON.stringify(stat.payload) :
-      stat.payload,
+    Operation: stat.type,
+    Payload: typeof stat.payload === 'object'
+      ? JSON.stringify(stat.payload)
+      : stat.payload,
     'Flush index': stat.flushIndex,
     'Owner Component ID': stat.ownerID,
     'DOM Component ID': stat.instanceID,
@@ -394,7 +392,7 @@ function printDOM(measurements: FlushHistory) {
   warning(
     warnedAboutPrintDOM,
     '`ReactPerf.printDOM(...)` is deprecated. Use ' +
-    '`ReactPerf.printOperations(...)` instead.'
+      '`ReactPerf.printOperations(...)` instead.',
   );
   warnedAboutPrintDOM = true;
   return printOperations(measurements);
@@ -405,7 +403,7 @@ function getMeasurementsSummaryMap(measurements: FlushHistory) {
   warning(
     warnedAboutGetMeasurementsSummaryMap,
     '`ReactPerf.getMeasurementsSummaryMap(...)` is deprecated. Use ' +
-    '`ReactPerf.getWasted(...)` instead.'
+      '`ReactPerf.getWasted(...)` instead.',
   );
   warnedAboutGetMeasurementsSummaryMap = true;
   return getWasted(measurements);
diff --git a/src/renderers/shared/__tests__/ReactDebugTool-test.js b/src/renderers/shared/__tests__/ReactDebugTool-test.js
index f356127c84..3082b9eab9 100644
--- a/src/renderers/shared/__tests__/ReactDebugTool-test.js
+++ b/src/renderers/shared/__tests__/ReactDebugTool-test.js
@@ -65,8 +65,7 @@ describe('ReactDebugTool', () => {
     ReactDebugTool.onTestEvent();
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Exception thrown by hook while handling ' +
-      'onTestEvent: Error: Hi.'
+      'Exception thrown by hook while handling ' + 'onTestEvent: Error: Hi.',
     );
 
     ReactDebugTool.onTestEvent();
diff --git a/src/renderers/shared/fiber/ReactChildFiber.js b/src/renderers/shared/fiber/ReactChildFiber.js
index 0d51f03db6..9c8c416abb 100644
--- a/src/renderers/shared/fiber/ReactChildFiber.js
+++ b/src/renderers/shared/fiber/ReactChildFiber.js
@@ -12,12 +12,12 @@
 
 'use strict';
 
-import type { ReactElement } from 'ReactElementType';
-import type { ReactCoroutine, ReactYield } from 'ReactCoroutine';
-import type { ReactPortal } from 'ReactPortal';
-import type { Fiber } from 'ReactFiber';
-import type { ReactInstance } from 'ReactInstanceType';
-import type { PriorityLevel } from 'ReactPriorityLevel';
+import type {ReactElement} from 'ReactElementType';
+import type {ReactCoroutine, ReactYield} from 'ReactCoroutine';
+import type {ReactPortal} from 'ReactPortal';
+import type {Fiber} from 'ReactFiber';
+import type {ReactInstance} from 'ReactInstanceType';
+import type {PriorityLevel} from 'ReactPriorityLevel';
 
 var REACT_ELEMENT_TYPE = require('ReactElementSymbol');
 var {
@@ -39,7 +39,7 @@ var ReactFeatureFlags = require('ReactFeatureFlags');
 var ReactCurrentOwner = require('react/lib/ReactCurrentOwner');
 
 if (__DEV__) {
-  var { getCurrentFiberStackAddendum } = require('ReactDebugCurrentFiber');
+  var {getCurrentFiberStackAddendum} = require('ReactDebugCurrentFiber');
   var getComponentName = require('getComponentName');
   var warning = require('fbjs/lib/warning');
   var didWarnAboutMaps = false;
@@ -77,27 +77,34 @@ function coerceRef(current: Fiber | null, element: ReactElement) {
   let mixedRef = element.ref;
   if (mixedRef !== null && typeof mixedRef !== 'function') {
     if (element._owner) {
-      const owner : ?(Fiber | ReactInstance) = (element._owner : any);
+      const owner: ?(Fiber | ReactInstance) = (element._owner: any);
       let inst;
       if (owner) {
         if (typeof owner.tag === 'number') {
-          const ownerFiber = ((owner : any) : Fiber);
-          invariant(ownerFiber.tag === ClassComponent, 'Stateless function components cannot have refs.');
+          const ownerFiber = ((owner: any): Fiber);
+          invariant(
+            ownerFiber.tag === ClassComponent,
+            'Stateless function components cannot have refs.',
+          );
           inst = ownerFiber.stateNode;
         } else {
           // Stack
-          inst = (owner : any).getPublicInstance();
+          inst = (owner: any).getPublicInstance();
         }
       }
       invariant(
         inst,
         'Missing owner for string ref %s. This error is likely caused by a ' +
-        'bug in React. Please file an issue.',
-        mixedRef
+          'bug in React. Please file an issue.',
+        mixedRef,
       );
       const stringRef = '' + mixedRef;
       // Check if previous string ref matches new string ref
-      if (current !== null && current.ref !== null && current.ref._stringRef === stringRef) {
+      if (
+        current !== null &&
+        current.ref !== null &&
+        current.ref._stringRef === stringRef
+      ) {
         return current.ref;
       }
       const ref = function(value) {
@@ -115,17 +122,16 @@ function coerceRef(current: Fiber | null, element: ReactElement) {
   return mixedRef;
 }
 
-function throwOnInvalidObjectType(returnFiber : Fiber, newChild : Object) {
+function throwOnInvalidObjectType(returnFiber: Fiber, newChild: Object) {
   if (returnFiber.type !== 'textarea') {
     let addendum = '';
     if (__DEV__) {
-      addendum =
-        ' If you meant to render a collection of children, use an array ' +
+      addendum = ' If you meant to render a collection of children, use an array ' +
         'instead or wrap the object using createFragment(object) from the ' +
         'React add-ons.';
       const owner = ReactCurrentOwner.owner || returnFiber._debugOwner;
       if (owner && typeof owner.tag === 'number') {
-        const name = getComponentName((owner : any));
+        const name = getComponentName((owner: any));
         if (name) {
           addendum += '\n\nCheck the render method of `' + name + '`.';
         }
@@ -134,10 +140,10 @@ function throwOnInvalidObjectType(returnFiber : Fiber, newChild : Object) {
     invariant(
       false,
       'Objects are not valid as a React child (found: %s).%s',
-      Object.prototype.toString.call(newChild) === '[object Object]' ?
-        'object with keys {' + Object.keys(newChild).join(', ') + '}' :
-        newChild,
-      addendum
+      Object.prototype.toString.call(newChild) === '[object Object]'
+        ? 'object with keys {' + Object.keys(newChild).join(', ') + '}'
+        : newChild,
+      addendum,
     );
   }
 }
@@ -147,11 +153,7 @@ function throwOnInvalidObjectType(returnFiber : Fiber, newChild : Object) {
 // a compiler or we can do it manually. Helpers that don't need this branching
 // live outside of this function.
 function ChildReconciler(shouldClone, shouldTrackSideEffects) {
-
-  function deleteChild(
-    returnFiber : Fiber,
-    childToDelete : Fiber
-  ) : void {
+  function deleteChild(returnFiber: Fiber, childToDelete: Fiber): void {
     if (!shouldTrackSideEffects) {
       // Noop.
       return;
@@ -171,18 +173,16 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
       last.nextEffect = childToDelete;
       returnFiber.progressedLastDeletion = childToDelete;
     } else {
-      returnFiber.progressedFirstDeletion =
-        returnFiber.progressedLastDeletion =
-          childToDelete;
+      returnFiber.progressedFirstDeletion = (returnFiber.progressedLastDeletion = childToDelete);
     }
     childToDelete.nextEffect = null;
     childToDelete.effectTag = Deletion;
   }
 
   function deleteRemainingChildren(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null
-  ) : null {
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+  ): null {
     if (!shouldTrackSideEffects) {
       // Noop.
       return null;
@@ -199,13 +199,13 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function mapRemainingChildren(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber
-  ) : Map<string | number, Fiber> {
+    returnFiber: Fiber,
+    currentFirstChild: Fiber,
+  ): Map<string | number, Fiber> {
     // Add the remaining children to a temporary map so that we can find them by
     // keys quickly. Implicit (null) keys get added to this set with their index
     // instead.
-    const existingChildren : Map<string | number, Fiber> = new Map();
+    const existingChildren: Map<string | number, Fiber> = new Map();
 
     let existingChild = currentFirstChild;
     while (existingChild !== null) {
@@ -219,7 +219,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     return existingChildren;
   }
 
-  function useFiber(fiber : Fiber, priority : PriorityLevel) : Fiber {
+  function useFiber(fiber: Fiber, priority: PriorityLevel): Fiber {
     // We currently set sibling to null and index to 0 here because it is easy
     // to forget to do before returning it. E.g. for the single child case.
     if (shouldClone) {
@@ -239,7 +239,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     }
   }
 
-  function placeChild(newFiber : Fiber, lastPlacedIndex : number, newIndex : number) : number {
+  function placeChild(
+    newFiber: Fiber,
+    lastPlacedIndex: number,
+    newIndex: number,
+  ): number {
     newFiber.index = newIndex;
     if (!shouldTrackSideEffects) {
       // Noop.
@@ -263,7 +267,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     }
   }
 
-  function placeSingleChild(newFiber : Fiber) : Fiber {
+  function placeSingleChild(newFiber: Fiber): Fiber {
     // This is simpler for the single child case. We only need to do a
     // placement for inserting new children.
     if (shouldTrackSideEffects && newFiber.alternate === null) {
@@ -273,10 +277,10 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function updateTextNode(
-    returnFiber : Fiber,
-    current : Fiber | null,
-    textContent : string,
-    priority : PriorityLevel
+    returnFiber: Fiber,
+    current: Fiber | null,
+    textContent: string,
+    priority: PriorityLevel,
   ) {
     if (current === null || current.tag !== HostText) {
       // Insert
@@ -293,11 +297,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function updateElement(
-    returnFiber : Fiber,
-    current : Fiber | null,
-    element : ReactElement,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    current: Fiber | null,
+    element: ReactElement,
+    priority: PriorityLevel,
+  ): Fiber {
     if (current === null || current.type !== element.type) {
       // Insert
       const created = createFiberFromElement(element, priority);
@@ -319,11 +323,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function updateCoroutine(
-    returnFiber : Fiber,
-    current : Fiber | null,
-    coroutine : ReactCoroutine,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    current: Fiber | null,
+    coroutine: ReactCoroutine,
+    priority: PriorityLevel,
+  ): Fiber {
     // TODO: Should this also compare handler to determine whether to reuse?
     if (current === null || current.tag !== CoroutineComponent) {
       // Insert
@@ -340,11 +344,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function updateYield(
-    returnFiber : Fiber,
-    current : Fiber | null,
-    yieldNode : ReactYield,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    current: Fiber | null,
+    yieldNode: ReactYield,
+    priority: PriorityLevel,
+  ): Fiber {
     if (current === null || current.tag !== YieldComponent) {
       // Insert
       const created = createFiberFromYield(yieldNode, priority);
@@ -361,11 +365,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function updatePortal(
-    returnFiber : Fiber,
-    current : Fiber | null,
-    portal : ReactPortal,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    current: Fiber | null,
+    portal: ReactPortal,
+    priority: PriorityLevel,
+  ): Fiber {
     if (
       current === null ||
       current.tag !== HostPortal ||
@@ -386,11 +390,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function updateFragment(
-    returnFiber : Fiber,
-    current : Fiber | null,
-    fragment : Iterable<*>,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    current: Fiber | null,
+    fragment: Iterable<*>,
+    priority: PriorityLevel,
+  ): Fiber {
     if (current === null || current.tag !== Fragment) {
       // Insert
       const created = createFiberFromFragment(fragment, priority);
@@ -406,10 +410,10 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function createChild(
-    returnFiber : Fiber,
-    newChild : any,
-    priority : PriorityLevel
-  ) : Fiber | null {
+    returnFiber: Fiber,
+    newChild: any,
+    priority: PriorityLevel,
+  ): Fiber | null {
     if (typeof newChild === 'string' || typeof newChild === 'number') {
       // Text nodes doesn't have keys. If the previous node is implicitly keyed
       // we can continue to replace it without aborting even if it is not a text
@@ -461,11 +465,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function updateSlot(
-    returnFiber : Fiber,
-    oldFiber : Fiber | null,
-    newChild : any,
-    priority : PriorityLevel
-  ) : Fiber | null {
+    returnFiber: Fiber,
+    oldFiber: Fiber | null,
+    newChild: any,
+    priority: PriorityLevel,
+  ): Fiber | null {
     // Update the fiber if the keys match, otherwise return null.
 
     const key = oldFiber !== null ? oldFiber.key : null;
@@ -534,13 +538,12 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function updateFromMap(
-    existingChildren : Map<string | number, Fiber>,
-    returnFiber : Fiber,
-    newIdx : number,
-    newChild : any,
-    priority : PriorityLevel
-  ) : Fiber | null {
-
+    existingChildren: Map<string | number, Fiber>,
+    returnFiber: Fiber,
+    newIdx: number,
+    newChild: any,
+    priority: PriorityLevel,
+  ): Fiber | null {
     if (typeof newChild === 'string' || typeof newChild === 'number') {
       // Text nodes doesn't have keys, so we neither have to check the old nor
       // new node for the key. If both are text nodes, they match.
@@ -552,14 +555,14 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE: {
           const matchedFiber = existingChildren.get(
-            newChild.key === null ? newIdx : newChild.key
+            newChild.key === null ? newIdx : newChild.key,
           ) || null;
           return updateElement(returnFiber, matchedFiber, newChild, priority);
         }
 
         case REACT_COROUTINE_TYPE: {
           const matchedFiber = existingChildren.get(
-            newChild.key === null ? newIdx : newChild.key
+            newChild.key === null ? newIdx : newChild.key,
           ) || null;
           return updateCoroutine(returnFiber, matchedFiber, newChild, priority);
         }
@@ -573,7 +576,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
 
         case REACT_PORTAL_TYPE: {
           const matchedFiber = existingChildren.get(
-            newChild.key === null ? newIdx : newChild.key
+            newChild.key === null ? newIdx : newChild.key,
           ) || null;
           return updatePortal(returnFiber, matchedFiber, newChild, priority);
         }
@@ -591,9 +594,9 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function warnOnDuplicateKey(
-    child : mixed,
-    knownKeys : Set<string> | null
-  ) : Set<string> | null {
+    child: mixed,
+    knownKeys: Set<string> | null,
+  ): Set<string> | null {
     if (__DEV__) {
       if (typeof child !== 'object' || child === null) {
         return knownKeys;
@@ -618,10 +621,10 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
           warning(
             false,
             'Encountered two children with the same key, ' +
-            '`%s`. Child keys must be unique; when two children share a key, ' +
-            'only the first child will be used.%s',
+              '`%s`. Child keys must be unique; when two children share a key, ' +
+              'only the first child will be used.%s',
             key,
-            getCurrentFiberStackAddendum()
+            getCurrentFiberStackAddendum(),
           );
           break;
         default:
@@ -632,11 +635,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function reconcileChildrenArray(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null,
-    newChildren : Array<*>,
-    priority : PriorityLevel) : Fiber | null {
-
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+    newChildren: Array<*>,
+    priority: PriorityLevel,
+  ): Fiber | null {
     // This algorithm can't optimize by searching from boths ends since we
     // don't have backpointers on fibers. I'm trying to see how far we can get
     // with that model. If it ends up not being worth the tradeoffs, we can
@@ -665,8 +668,8 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
       }
     }
 
-    let resultingFirstChild : Fiber | null = null;
-    let previousNewFiber : Fiber | null = null;
+    let resultingFirstChild: Fiber | null = null;
+    let previousNewFiber: Fiber | null = null;
 
     let oldFiber = currentFirstChild;
     let lastPlacedIndex = 0;
@@ -683,7 +686,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
         returnFiber,
         oldFiber,
         newChildren[newIdx],
-        priority
+        priority,
       );
       if (newFiber === null) {
         // TODO: This breaks on empty slots like null children. That's
@@ -730,7 +733,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
         const newFiber = createChild(
           returnFiber,
           newChildren[newIdx],
-          priority
+          priority,
         );
         if (!newFiber) {
           continue;
@@ -757,7 +760,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
         returnFiber,
         newIdx,
         newChildren[newIdx],
-        priority
+        priority,
       );
       if (newFiber) {
         if (shouldTrackSideEffects) {
@@ -767,7 +770,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
             // it from the child list so that we don't add it to the deletion
             // list.
             existingChildren.delete(
-              newFiber.key === null ? newIdx : newFiber.key
+              newFiber.key === null ? newIdx : newFiber.key,
             );
           }
         }
@@ -791,11 +794,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function reconcileChildrenIterator(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null,
-    newChildrenIterable : Iterable<*>,
-    priority : PriorityLevel) : Fiber | null {
-
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+    newChildrenIterable: Iterable<*>,
+    priority: PriorityLevel,
+  ): Fiber | null {
     // This is the same implementation as reconcileChildrenArray(),
     // but using the iterator instead.
 
@@ -803,28 +806,30 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     invariant(
       typeof iteratorFn === 'function',
       'An object is not an iterable. This error is likely caused by a bug in ' +
-      'React. Please file an issue.'
+        'React. Please file an issue.',
     );
 
     if (__DEV__) {
       // Warn about using Maps as children
       if (typeof newChildrenIterable.entries === 'function') {
-        const possibleMap = (newChildrenIterable : any);
+        const possibleMap = (newChildrenIterable: any);
         if (possibleMap.entries === iteratorFn) {
           let mapsAsChildrenAddendum = '';
           const owner = ReactCurrentOwner.owner || returnFiber._debugOwner;
           if (owner && typeof owner.tag === 'number') {
-            const mapsAsChildrenOwnerName = getComponentName((owner : any));
+            const mapsAsChildrenOwnerName = getComponentName((owner: any));
             if (mapsAsChildrenOwnerName) {
-              mapsAsChildrenAddendum = '\n\nCheck the render method of `' + mapsAsChildrenOwnerName + '`.';
+              mapsAsChildrenAddendum = '\n\nCheck the render method of `' +
+                mapsAsChildrenOwnerName +
+                '`.';
             }
           }
           warning(
             didWarnAboutMaps,
             'Using Maps as children is unsupported and will likely yield ' +
-            'unexpected results. Convert it to a sequence/iterable of keyed ' +
-            'ReactElements instead.%s',
-            mapsAsChildrenAddendum
+              'unexpected results. Convert it to a sequence/iterable of keyed ' +
+              'ReactElements instead.%s',
+            mapsAsChildrenAddendum,
           );
           didWarnAboutMaps = true;
         }
@@ -844,13 +849,10 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     }
 
     const newChildren = iteratorFn.call(newChildrenIterable);
-    invariant(
-      newChildren != null,
-      'An iterable object provided no iterator.',
-    );
+    invariant(newChildren != null, 'An iterable object provided no iterator.');
 
-    let resultingFirstChild : Fiber | null = null;
-    let previousNewFiber : Fiber | null = null;
+    let resultingFirstChild: Fiber | null = null;
+    let previousNewFiber: Fiber | null = null;
 
     let oldFiber = currentFirstChild;
     let lastPlacedIndex = 0;
@@ -858,19 +860,18 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     let nextOldFiber = null;
 
     let step = newChildren.next();
-    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
+    for (
+      ;
+      oldFiber !== null && !step.done;
+      newIdx++, (step = newChildren.next())
+    ) {
       if (oldFiber.index > newIdx) {
         nextOldFiber = oldFiber;
         oldFiber = null;
       } else {
         nextOldFiber = oldFiber.sibling;
       }
-      const newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        step.value,
-        priority
-      );
+      const newFiber = updateSlot(returnFiber, oldFiber, step.value, priority);
       if (newFiber === null) {
         // TODO: This breaks on empty slots like null children. That's
         // unfortunate because it triggers the slow path all the time. We need
@@ -912,12 +913,8 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     if (oldFiber === null) {
       // If we don't have any more existing children we can choose a fast path
       // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        const newFiber = createChild(
-          returnFiber,
-          step.value,
-          priority
-        );
+      for (; !step.done; newIdx++, (step = newChildren.next())) {
+        const newFiber = createChild(returnFiber, step.value, priority);
         if (newFiber === null) {
           continue;
         }
@@ -937,13 +934,13 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     const existingChildren = mapRemainingChildren(returnFiber, oldFiber);
 
     // Keep scanning and use the map to restore deleted items as moves.
-    for (; !step.done; newIdx++, step = newChildren.next()) {
+    for (; !step.done; newIdx++, (step = newChildren.next())) {
       const newFiber = updateFromMap(
         existingChildren,
         returnFiber,
         newIdx,
         step.value,
-        priority
+        priority,
       );
       if (newFiber !== null) {
         if (shouldTrackSideEffects) {
@@ -953,7 +950,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
             // it from the child list so that we don't add it to the deletion
             // list.
             existingChildren.delete(
-              newFiber.key === null ? newIdx : newFiber.key
+              newFiber.key === null ? newIdx : newFiber.key,
             );
           }
         }
@@ -977,11 +974,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function reconcileSingleTextNode(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null,
-    textContent : string,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+    textContent: string,
+    priority: PriorityLevel,
+  ): Fiber {
     // There's no need to check for keys on text nodes since we don't have a
     // way to define them.
     if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
@@ -1002,11 +999,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function reconcileSingleElement(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null,
-    element : ReactElement,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+    element: ReactElement,
+    priority: PriorityLevel,
+  ): Fiber {
     const key = element.key;
     let child = currentFirstChild;
     while (child !== null) {
@@ -1041,11 +1038,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function reconcileSingleCoroutine(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null,
-    coroutine : ReactCoroutine,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+    coroutine: ReactCoroutine,
+    priority: PriorityLevel,
+  ): Fiber {
     const key = coroutine.key;
     let child = currentFirstChild;
     while (child !== null) {
@@ -1074,11 +1071,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function reconcileSingleYield(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null,
-    yieldNode : ReactYield,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+    yieldNode: ReactYield,
+    priority: PriorityLevel,
+  ): Fiber {
     // There's no need to check for keys on yields since they're stateless.
     let child = currentFirstChild;
     if (child !== null) {
@@ -1100,11 +1097,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   }
 
   function reconcileSinglePortal(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null,
-    portal : ReactPortal,
-    priority : PriorityLevel
-  ) : Fiber {
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+    portal: ReactPortal,
+    priority: PriorityLevel,
+  ): Fiber {
     const key = portal.key;
     let child = currentFirstChild;
     while (child !== null) {
@@ -1140,11 +1137,11 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
   // itself. They will be added to the side-effect list as we pass through the
   // children and the parent.
   function reconcileChildFibers(
-    returnFiber : Fiber,
-    currentFirstChild : Fiber | null,
-    newChild : any,
-    priority : PriorityLevel
-  ) : Fiber | null {
+    returnFiber: Fiber,
+    currentFirstChild: Fiber | null,
+    newChild: any,
+    priority: PriorityLevel,
+  ): Fiber | null {
     // This function is not recursive.
     // If the top level item is an array, we treat it as a set of children,
     // not as a fragment. Nested arrays on the other hand will be treated as
@@ -1160,54 +1157,66 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
       if (disableNewFiberFeatures) {
         switch (newChild.$$typeof) {
           case REACT_ELEMENT_TYPE:
-            return placeSingleChild(reconcileSingleElement(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              priority
-            ));
+            return placeSingleChild(
+              reconcileSingleElement(
+                returnFiber,
+                currentFirstChild,
+                newChild,
+                priority,
+              ),
+            );
 
           case REACT_PORTAL_TYPE:
-            return placeSingleChild(reconcileSinglePortal(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              priority
-            ));
+            return placeSingleChild(
+              reconcileSinglePortal(
+                returnFiber,
+                currentFirstChild,
+                newChild,
+                priority,
+              ),
+            );
         }
       } else {
         switch (newChild.$$typeof) {
           case REACT_ELEMENT_TYPE:
-            return placeSingleChild(reconcileSingleElement(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              priority
-            ));
+            return placeSingleChild(
+              reconcileSingleElement(
+                returnFiber,
+                currentFirstChild,
+                newChild,
+                priority,
+              ),
+            );
 
           case REACT_COROUTINE_TYPE:
-            return placeSingleChild(reconcileSingleCoroutine(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              priority
-            ));
+            return placeSingleChild(
+              reconcileSingleCoroutine(
+                returnFiber,
+                currentFirstChild,
+                newChild,
+                priority,
+              ),
+            );
 
           case REACT_YIELD_TYPE:
-            return placeSingleChild(reconcileSingleYield(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              priority
-            ));
+            return placeSingleChild(
+              reconcileSingleYield(
+                returnFiber,
+                currentFirstChild,
+                newChild,
+                priority,
+              ),
+            );
 
           case REACT_PORTAL_TYPE:
-            return placeSingleChild(reconcileSinglePortal(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              priority
-            ));
+            return placeSingleChild(
+              reconcileSinglePortal(
+                returnFiber,
+                currentFirstChild,
+                newChild,
+                priority,
+              ),
+            );
         }
       }
     }
@@ -1219,7 +1228,9 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
         case ClassComponent: {
           if (__DEV__) {
             const instance = returnFiber.stateNode;
-            if (instance.render._isMockFunction && typeof newChild === 'undefined') {
+            if (
+              instance.render._isMockFunction && typeof newChild === 'undefined'
+            ) {
               // We allow auto-mocks to proceed as if they're
               // returning null.
               break;
@@ -1229,8 +1240,8 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
           invariant(
             newChild === null || newChild === false,
             '%s.render(): A valid React element (or null) must be returned. ' +
-            'You may have returned undefined, an array or some other ' +
-            'invalid object.',
+              'You may have returned undefined, an array or some other ' +
+              'invalid object.',
             Component.displayName || Component.name || 'Component',
           );
           break;
@@ -1241,8 +1252,8 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
           invariant(
             newChild === null || newChild === false,
             '%s(...): A valid React element (or null) must be returned. ' +
-            'You may have returned undefined, an array or some other ' +
-            'invalid object.',
+              'You may have returned undefined, an array or some other ' +
+              'invalid object.',
             Component.displayName || Component.name || 'Component',
           );
           break;
@@ -1251,12 +1262,14 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
     }
 
     if (typeof newChild === 'string' || typeof newChild === 'number') {
-      return placeSingleChild(reconcileSingleTextNode(
-        returnFiber,
-        currentFirstChild,
-        '' + newChild,
-        priority
-      ));
+      return placeSingleChild(
+        reconcileSingleTextNode(
+          returnFiber,
+          currentFirstChild,
+          '' + newChild,
+          priority,
+        ),
+      );
     }
 
     if (isArray(newChild)) {
@@ -1264,7 +1277,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
         returnFiber,
         currentFirstChild,
         newChild,
-        priority
+        priority,
       );
     }
 
@@ -1273,7 +1286,7 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
         returnFiber,
         currentFirstChild,
         newChild,
-        priority
+        priority,
       );
     }
 
@@ -1303,9 +1316,9 @@ function ChildReconciler(shouldClone, shouldTrackSideEffects) {
           invariant(
             false,
             '%s(...): Nothing was returned from render. This usually means a ' +
-            'return statement is missing. Or, to render nothing, ' +
-            'return null.',
-            Component.displayName || Component.name || 'Component'
+              'return statement is missing. Or, to render nothing, ' +
+              'return null.',
+            Component.displayName || Component.name || 'Component',
           );
         }
       }
@@ -1324,7 +1337,10 @@ exports.reconcileChildFibersInPlace = ChildReconciler(false, true);
 
 exports.mountChildFibersInPlace = ChildReconciler(false, false);
 
-exports.cloneChildFibers = function(current : Fiber | null, workInProgress : Fiber) : void {
+exports.cloneChildFibers = function(
+  current: Fiber | null,
+  workInProgress: Fiber,
+): void {
   if (!workInProgress.child) {
     return;
   }
@@ -1346,10 +1362,10 @@ exports.cloneChildFibers = function(current : Fiber | null, workInProgress : Fib
     newChild.return = workInProgress;
     while (currentChild.sibling !== null) {
       currentChild = currentChild.sibling;
-      newChild = newChild.sibling = cloneFiber(
+      newChild = (newChild.sibling = cloneFiber(
         currentChild,
-        currentChild.pendingWorkPriority
-      );
+        currentChild.pendingWorkPriority,
+      ));
       newChild.return = workInProgress;
     }
     newChild.sibling = null;
diff --git a/src/renderers/shared/fiber/ReactDebugCurrentFiber.js b/src/renderers/shared/fiber/ReactDebugCurrentFiber.js
index 539c19e085..8e6f9c727c 100644
--- a/src/renderers/shared/fiber/ReactDebugCurrentFiber.js
+++ b/src/renderers/shared/fiber/ReactDebugCurrentFiber.js
@@ -12,16 +12,18 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
+import type {Fiber} from 'ReactFiber';
 
 type LifeCyclePhase = 'render' | 'getChildContext';
 
 if (__DEV__) {
   var getComponentName = require('getComponentName');
-  var { getStackAddendumByWorkInProgressFiber } = require('ReactFiberComponentTreeHook');
+  var {
+    getStackAddendumByWorkInProgressFiber,
+  } = require('ReactFiberComponentTreeHook');
 }
 
-function getCurrentFiberOwnerName() : string | null {
+function getCurrentFiberOwnerName(): string | null {
   if (__DEV__) {
     const fiber = ReactDebugCurrentFiber.current;
     if (fiber === null) {
@@ -34,7 +36,7 @@ function getCurrentFiberOwnerName() : string | null {
   return null;
 }
 
-function getCurrentFiberStackAddendum() : string | null {
+function getCurrentFiberStackAddendum(): string | null {
   if (__DEV__) {
     const fiber = ReactDebugCurrentFiber.current;
     if (fiber === null) {
@@ -48,8 +50,8 @@ function getCurrentFiberStackAddendum() : string | null {
 }
 
 var ReactDebugCurrentFiber = {
-  current: (null : Fiber | null),
-  phase: (null : LifeCyclePhase | null),
+  current: (null: Fiber | null),
+  phase: (null: LifeCyclePhase | null),
 
   getCurrentFiberOwnerName,
   getCurrentFiberStackAddendum,
diff --git a/src/renderers/shared/fiber/ReactDebugFiberPerf.js b/src/renderers/shared/fiber/ReactDebugFiberPerf.js
index 0469cb9872..331430cf3a 100644
--- a/src/renderers/shared/fiber/ReactDebugFiberPerf.js
+++ b/src/renderers/shared/fiber/ReactDebugFiberPerf.js
@@ -10,17 +10,17 @@
  * @flow
  */
 
-import type { Fiber } from 'ReactFiber';
+import type {Fiber} from 'ReactFiber';
 
 type MeasurementPhase =
-  'componentWillMount' |
-  'componentWillUnmount' |
-  'componentWillReceiveProps' |
-  'shouldComponentUpdate' |
-  'componentWillUpdate' |
-  'componentDidUpdate' |
-  'componentDidMount' |
-  'getChildContext';
+  | 'componentWillMount'
+  | 'componentWillUnmount'
+  | 'componentWillReceiveProps'
+  | 'shouldComponentUpdate'
+  | 'componentWillUpdate'
+  | 'componentDidUpdate'
+  | 'componentDidMount'
+  | 'getChildContext';
 
 // Trust the developer to only use this with a __DEV__ check
 let ReactDebugFiberPerf = ((null: any): typeof ReactDebugFiberPerf);
@@ -41,8 +41,7 @@ if (__DEV__) {
   // Longer prefixes are hard to read in DevTools.
   const reactEmoji = '\u269B';
   const warningEmoji = '\u26D4';
-  const supportsUserTiming =
-    typeof performance !== 'undefined' &&
+  const supportsUserTiming = typeof performance !== 'undefined' &&
     typeof performance.mark === 'function' &&
     typeof performance.clearMarks === 'function' &&
     typeof performance.measure === 'function' &&
@@ -50,44 +49,44 @@ if (__DEV__) {
 
   // Keep track of current fiber so that we know the path to unwind on pause.
   // TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
-  let currentFiber : Fiber | null = null;
+  let currentFiber: Fiber | null = null;
   // If we're in the middle of user code, which fiber and method is it?
   // Reusing `currentFiber` would be confusing for this because user code fiber
   // can change during commit phase too, but we don't need to unwind it (since
   // lifecycles in the commit phase don't resemble a tree).
-  let currentPhase : MeasurementPhase | null = null;
-  let currentPhaseFiber : Fiber | null = null;
+  let currentPhase: MeasurementPhase | null = null;
+  let currentPhaseFiber: Fiber | null = null;
   // Did lifecycle hook schedule an update? This is often a performance problem,
   // so we will keep track of it, and include it in the report.
   // Track commits caused by cascading updates.
-  let isCommitting : boolean = false;
-  let hasScheduledUpdateInCurrentCommit : boolean = false;
-  let hasScheduledUpdateInCurrentPhase : boolean = false;
-  let commitCountInCurrentWorkLoop : number = 0;
-  let effectCountInCurrentCommit : number = 0;
+  let isCommitting: boolean = false;
+  let hasScheduledUpdateInCurrentCommit: boolean = false;
+  let hasScheduledUpdateInCurrentPhase: boolean = false;
+  let commitCountInCurrentWorkLoop: number = 0;
+  let effectCountInCurrentCommit: number = 0;
   // During commits, we only show a measurement once per method name
   // to avoid stretch the commit phase with measurement overhead.
-  const labelsInCurrentCommit : Set<string> = new Set();
+  const labelsInCurrentCommit: Set<string> = new Set();
 
-  const formatMarkName = (markName : string) => {
+  const formatMarkName = (markName: string) => {
     return `${reactEmoji} ${markName}`;
   };
 
-  const formatLabel = (label : string, warning : string | null) => {
+  const formatLabel = (label: string, warning: string | null) => {
     const prefix = warning ? `${warningEmoji} ` : `${reactEmoji} `;
     const suffix = warning ? ` Warning: ${warning}` : '';
     return `${prefix}${label}${suffix}`;
   };
 
-  const beginMark = (markName : string) => {
+  const beginMark = (markName: string) => {
     performance.mark(formatMarkName(markName));
   };
 
-  const clearMark = (markName : string) => {
+  const clearMark = (markName: string) => {
     performance.clearMarks(formatMarkName(markName));
   };
 
-  const endMark = (label : string, markName : string, warning : string | null) => {
+  const endMark = (label: string, markName: string, warning: string | null) => {
     const formattedMarkName = formatMarkName(markName);
     const formattedLabel = formatLabel(label, warning);
     try {
@@ -102,14 +101,14 @@ if (__DEV__) {
     performance.clearMeasures(formattedLabel);
   };
 
-  const getFiberMarkName = (label : string, debugID : number) => {
+  const getFiberMarkName = (label: string, debugID: number) => {
     return `${label} (#${debugID})`;
   };
 
   const getFiberLabel = (
-    componentName : string,
-    isMounted : boolean,
-    phase : MeasurementPhase | null,
+    componentName: string,
+    isMounted: boolean,
+    phase: MeasurementPhase | null,
   ) => {
     if (phase === null) {
       // These are composite component total time measurements.
@@ -121,11 +120,11 @@ if (__DEV__) {
   };
 
   const beginFiberMark = (
-    fiber : Fiber,
-    phase : MeasurementPhase | null,
-  ) : boolean => {
+    fiber: Fiber,
+    phase: MeasurementPhase | null,
+  ): boolean => {
     const componentName = getComponentName(fiber) || 'Unknown';
-    const debugID = ((fiber._debugID : any) : number);
+    const debugID = ((fiber._debugID: any): number);
     const isMounted = fiber.alternate !== null;
     const label = getFiberLabel(componentName, isMounted, phase);
 
@@ -142,9 +141,9 @@ if (__DEV__) {
     return true;
   };
 
-  const clearFiberMark = (fiber : Fiber, phase : MeasurementPhase | null) => {
+  const clearFiberMark = (fiber: Fiber, phase: MeasurementPhase | null) => {
     const componentName = getComponentName(fiber) || 'Unknown';
-    const debugID = ((fiber._debugID : any) : number);
+    const debugID = ((fiber._debugID: any): number);
     const isMounted = fiber.alternate !== null;
     const label = getFiberLabel(componentName, isMounted, phase);
     const markName = getFiberMarkName(label, debugID);
@@ -152,19 +151,19 @@ if (__DEV__) {
   };
 
   const endFiberMark = (
-    fiber : Fiber,
-    phase : MeasurementPhase | null,
-    warning : string | null,
+    fiber: Fiber,
+    phase: MeasurementPhase | null,
+    warning: string | null,
   ) => {
     const componentName = getComponentName(fiber) || 'Unknown';
-    const debugID = ((fiber._debugID : any) : number);
+    const debugID = ((fiber._debugID: any): number);
     const isMounted = fiber.alternate !== null;
     const label = getFiberLabel(componentName, isMounted, phase);
     const markName = getFiberMarkName(label, debugID);
     endMark(label, markName, warning);
   };
 
-  const shouldIgnoreFiber = (fiber : Fiber) : boolean => {
+  const shouldIgnoreFiber = (fiber: Fiber): boolean => {
     // Host components should be skipped in the timeline.
     // We could check typeof fiber.type, but does this work with RN?
     switch (fiber.tag) {
@@ -201,7 +200,7 @@ if (__DEV__) {
     }
   };
 
-  const resumeTimersRecursively = (fiber : Fiber) => {
+  const resumeTimersRecursively = (fiber: Fiber) => {
     if (fiber.return !== null) {
       resumeTimersRecursively(fiber.return);
     }
@@ -218,11 +217,11 @@ if (__DEV__) {
   };
 
   ReactDebugFiberPerf = {
-    recordEffect() : void {
+    recordEffect(): void {
       effectCountInCurrentCommit++;
     },
 
-    recordScheduleUpdate() : void {
+    recordScheduleUpdate(): void {
       if (isCommitting) {
         hasScheduledUpdateInCurrentCommit = true;
       }
@@ -235,7 +234,7 @@ if (__DEV__) {
       }
     },
 
-    startWorkTimer(fiber : Fiber) : void {
+    startWorkTimer(fiber: Fiber): void {
       if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
         return;
       }
@@ -247,7 +246,7 @@ if (__DEV__) {
       fiber._debugIsCurrentlyTiming = true;
     },
 
-    cancelWorkTimer(fiber : Fiber) : void {
+    cancelWorkTimer(fiber: Fiber): void {
       if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
         return;
       }
@@ -257,7 +256,7 @@ if (__DEV__) {
       clearFiberMark(fiber, null);
     },
 
-    stopWorkTimer(fiber : Fiber) : void {
+    stopWorkTimer(fiber: Fiber): void {
       if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
         return;
       }
@@ -270,10 +269,7 @@ if (__DEV__) {
       endFiberMark(fiber, null, null);
     },
 
-    startPhaseTimer(
-      fiber : Fiber,
-      phase : MeasurementPhase,
-    ) : void {
+    startPhaseTimer(fiber: Fiber, phase: MeasurementPhase): void {
       if (!supportsUserTiming) {
         return;
       }
@@ -285,21 +281,21 @@ if (__DEV__) {
       currentPhase = phase;
     },
 
-    stopPhaseTimer() : void {
+    stopPhaseTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
       if (currentPhase !== null && currentPhaseFiber !== null) {
-        const warning = hasScheduledUpdateInCurrentPhase ?
-          'Scheduled a cascading update' :
-          null;
+        const warning = hasScheduledUpdateInCurrentPhase
+          ? 'Scheduled a cascading update'
+          : null;
         endFiberMark(currentPhaseFiber, currentPhase, warning);
       }
       currentPhase = null;
       currentPhaseFiber = null;
     },
 
-    startWorkLoopTimer() : void {
+    startWorkLoopTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
@@ -311,13 +307,13 @@ if (__DEV__) {
       resumeTimers();
     },
 
-    stopWorkLoopTimer() : void {
+    stopWorkLoopTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
-      const warning = commitCountInCurrentWorkLoop > 1 ?
-        'There were cascading updates' :
-        null;
+      const warning = commitCountInCurrentWorkLoop > 1
+        ? 'There were cascading updates'
+        : null;
       commitCountInCurrentWorkLoop = 0;
       // Pause any measurements until the next loop.
       pauseTimers();
@@ -328,7 +324,7 @@ if (__DEV__) {
       );
     },
 
-    startCommitTimer() : void {
+    startCommitTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
@@ -338,7 +334,7 @@ if (__DEV__) {
       beginMark('(Committing Changes)');
     },
 
-    stopCommitTimer() : void {
+    stopCommitTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
@@ -354,14 +350,10 @@ if (__DEV__) {
       isCommitting = false;
       labelsInCurrentCommit.clear();
 
-      endMark(
-        '(Committing Changes)',
-        '(Committing Changes)',
-        warning,
-      );
+      endMark('(Committing Changes)', '(Committing Changes)', warning);
     },
 
-    startCommitHostEffectsTimer() : void {
+    startCommitHostEffectsTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
@@ -369,7 +361,7 @@ if (__DEV__) {
       beginMark('(Committing Host Effects)');
     },
 
-    stopCommitHostEffectsTimer() : void {
+    stopCommitHostEffectsTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
@@ -382,7 +374,7 @@ if (__DEV__) {
       );
     },
 
-    startCommitLifeCyclesTimer() : void {
+    startCommitLifeCyclesTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
@@ -390,7 +382,7 @@ if (__DEV__) {
       beginMark('(Calling Lifecycle Methods)');
     },
 
-    stopCommitLifeCyclesTimer() : void {
+    stopCommitLifeCyclesTimer(): void {
       if (!supportsUserTiming) {
         return;
       }
diff --git a/src/renderers/shared/fiber/ReactFiber.js b/src/renderers/shared/fiber/ReactFiber.js
index 0b34566378..faf8f95d37 100644
--- a/src/renderers/shared/fiber/ReactFiber.js
+++ b/src/renderers/shared/fiber/ReactFiber.js
@@ -12,15 +12,15 @@
 
 'use strict';
 
-import type { ReactElement, Source } from 'ReactElementType';
-import type { ReactInstance, DebugID } from 'ReactInstanceType';
-import type { ReactFragment } from 'ReactTypes';
-import type { ReactCoroutine, ReactYield } from 'ReactCoroutine';
-import type { ReactPortal } from 'ReactPortal';
-import type { TypeOfWork } from 'ReactTypeOfWork';
-import type { TypeOfSideEffect } from 'ReactTypeOfSideEffect';
-import type { PriorityLevel } from 'ReactPriorityLevel';
-import type { UpdateQueue } from 'ReactFiberUpdateQueue';
+import type {ReactElement, Source} from 'ReactElementType';
+import type {ReactInstance, DebugID} from 'ReactInstanceType';
+import type {ReactFragment} from 'ReactTypes';
+import type {ReactCoroutine, ReactYield} from 'ReactCoroutine';
+import type {ReactPortal} from 'ReactPortal';
+import type {TypeOfWork} from 'ReactTypeOfWork';
+import type {TypeOfSideEffect} from 'ReactTypeOfSideEffect';
+import type {PriorityLevel} from 'ReactPriorityLevel';
+import type {UpdateQueue} from 'ReactFiberUpdateQueue';
 
 var ReactTypeOfWork = require('ReactTypeOfWork');
 var {
@@ -57,10 +57,10 @@ if (__DEV__) {
 // be more than one per component.
 export type Fiber = {
   // __DEV__ only
-  _debugID ?: DebugID,
-  _debugSource ?: Source | null,
-  _debugOwner ?: Fiber | ReactInstance | null, // Stack compatible
-  _debugIsCurrentlyTiming ?: boolean,
+  _debugID?: DebugID,
+  _debugSource?: Source | null,
+  _debugOwner?: Fiber | ReactInstance | null, // Stack compatible
+  _debugIsCurrentlyTiming?: boolean,
 
   // These first fields are conceptually members of an Instance. This used to
   // be split into a separate type and intersected with the other Fiber fields,
@@ -103,7 +103,7 @@ export type Fiber = {
 
   // The ref last used to attach this node.
   // I'll avoid adding an owner field for prod and model that as functions.
-  ref: null | (((handle : mixed) => void) & { _stringRef: ?string }),
+  ref: null | (((handle: mixed) => void) & {_stringRef: ?string}),
 
   // Input is the data coming into process this fiber. Arguments. Props.
   pendingProps: any, // This type will be more specific once we overload the tag.
@@ -157,7 +157,6 @@ export type Fiber = {
   // Conceptual aliases
   // workInProgress : Fiber ->  alternate The alternate used for reuse happens
   // to be the same as work in progress.
-
 };
 
 if (__DEV__) {
@@ -177,9 +176,8 @@ if (__DEV__) {
 //    to optimize in a non-JIT environment.
 // 5) It should be easy to port this to a C struct and keep a C implementation
 //    compatible.
-var createFiber = function(tag : TypeOfWork, key : null | string) : Fiber {
-  var fiber : Fiber = {
-
+var createFiber = function(tag: TypeOfWork, key: null | string): Fiber {
+  var fiber: Fiber = {
     // Instance
 
     tag: tag,
@@ -217,7 +215,6 @@ var createFiber = function(tag : TypeOfWork, key : null | string) : Fiber {
     progressedLastDeletion: null,
 
     alternate: null,
-
   };
 
   if (__DEV__) {
@@ -230,7 +227,6 @@ var createFiber = function(tag : TypeOfWork, key : null | string) : Fiber {
     }
   }
 
-
   return fiber;
 };
 
@@ -240,7 +236,10 @@ function shouldConstruct(Component) {
 
 // This is used to create an alternate fiber to do work on.
 // TODO: Rename to createWorkInProgressFiber or something like that.
-exports.cloneFiber = function(fiber : Fiber, priorityLevel : PriorityLevel) : Fiber {
+exports.cloneFiber = function(
+  fiber: Fiber,
+  priorityLevel: PriorityLevel,
+): Fiber {
   // We clone to get a work in progress. That means that this fiber is the
   // current. To make it safe to reuse that fiber later on as work in progress
   // we need to reset its work in progress flag now. We don't have an
@@ -298,12 +297,15 @@ exports.cloneFiber = function(fiber : Fiber, priorityLevel : PriorityLevel) : Fi
   return alt;
 };
 
-exports.createHostRootFiber = function() : Fiber {
+exports.createHostRootFiber = function(): Fiber {
   const fiber = createFiber(HostRoot, null);
   return fiber;
 };
 
-exports.createFiberFromElement = function(element : ReactElement, priorityLevel : PriorityLevel) : Fiber {
+exports.createFiberFromElement = function(
+  element: ReactElement,
+  priorityLevel: PriorityLevel,
+): Fiber {
   let owner = null;
   if (__DEV__) {
     owner = element._owner;
@@ -321,7 +323,10 @@ exports.createFiberFromElement = function(element : ReactElement, priorityLevel
   return fiber;
 };
 
-exports.createFiberFromFragment = function(elements : ReactFragment, priorityLevel : PriorityLevel) : Fiber {
+exports.createFiberFromFragment = function(
+  elements: ReactFragment,
+  priorityLevel: PriorityLevel,
+): Fiber {
   // TODO: Consider supporting keyed fragments. Technically, we accidentally
   // support that in the existing React.
   const fiber = createFiber(Fragment, null);
@@ -330,7 +335,10 @@ exports.createFiberFromFragment = function(elements : ReactFragment, priorityLev
   return fiber;
 };
 
-exports.createFiberFromText = function(content : string, priorityLevel : PriorityLevel) : Fiber {
+exports.createFiberFromText = function(
+  content: string,
+  priorityLevel: PriorityLevel,
+): Fiber {
   const fiber = createFiber(HostText, null);
   fiber.pendingProps = content;
   fiber.pendingWorkPriority = priorityLevel;
@@ -338,23 +346,21 @@ exports.createFiberFromText = function(content : string, priorityLevel : Priorit
 };
 
 function createFiberFromElementType(
-  type : mixed,
-  key : null | string,
-  debugOwner : null | Fiber | ReactInstance
-) : Fiber {
+  type: mixed,
+  key: null | string,
+  debugOwner: null | Fiber | ReactInstance,
+): Fiber {
   let fiber;
   if (typeof type === 'function') {
-    fiber = shouldConstruct(type) ?
-      createFiber(ClassComponent, key) :
-      createFiber(IndeterminateComponent, key);
+    fiber = shouldConstruct(type)
+      ? createFiber(ClassComponent, key)
+      : createFiber(IndeterminateComponent, key);
     fiber.type = type;
   } else if (typeof type === 'string') {
     fiber = createFiber(HostComponent, key);
     fiber.type = type;
   } else if (
-    typeof type === 'object' &&
-    type !== null &&
-    typeof type.tag === 'number'
+    typeof type === 'object' && type !== null && typeof type.tag === 'number'
   ) {
     // Currently assumed to be a continuation and therefore is a fiber already.
     // TODO: The yield system is currently broken for updates in some cases.
@@ -362,19 +368,18 @@ function createFiberFromElementType(
     // the current or a workInProgress? When the continuation gets rendered here
     // we don't know if we can reuse that fiber or if we need to clone it.
     // There is probably a clever way to restructure this.
-    fiber = ((type : any) : Fiber);
+    fiber = ((type: any): Fiber);
   } else {
     let info = '';
     if (__DEV__) {
       if (
         type === undefined ||
-        typeof type === 'object' &&
-        type !== null &&
-        Object.keys(type).length === 0
+        (typeof type === 'object' &&
+          type !== null &&
+          Object.keys(type).length === 0)
       ) {
-        info +=
-          ' You likely forgot to export your component from the file ' +
-          'it\'s defined in.';
+        info += ' You likely forgot to export your component from the file ' +
+          "it's defined in.";
       }
       const ownerName = debugOwner ? getComponentName(debugOwner) : null;
       if (ownerName) {
@@ -384,7 +389,7 @@ function createFiberFromElementType(
     invariant(
       false,
       'Element type is invalid: expected a string (for built-in components) ' +
-      'or a class/function (for composite components) but got: %s.%s',
+        'or a class/function (for composite components) but got: %s.%s',
       type == null ? type : typeof type,
       info,
     );
@@ -394,7 +399,10 @@ function createFiberFromElementType(
 
 exports.createFiberFromElementType = createFiberFromElementType;
 
-exports.createFiberFromCoroutine = function(coroutine : ReactCoroutine, priorityLevel : PriorityLevel) : Fiber {
+exports.createFiberFromCoroutine = function(
+  coroutine: ReactCoroutine,
+  priorityLevel: PriorityLevel,
+): Fiber {
   const fiber = createFiber(CoroutineComponent, coroutine.key);
   fiber.type = coroutine.handler;
   fiber.pendingProps = coroutine;
@@ -402,12 +410,18 @@ exports.createFiberFromCoroutine = function(coroutine : ReactCoroutine, priority
   return fiber;
 };
 
-exports.createFiberFromYield = function(yieldNode : ReactYield, priorityLevel : PriorityLevel) : Fiber {
+exports.createFiberFromYield = function(
+  yieldNode: ReactYield,
+  priorityLevel: PriorityLevel,
+): Fiber {
   const fiber = createFiber(YieldComponent, null);
   return fiber;
 };
 
-exports.createFiberFromPortal = function(portal : ReactPortal, priorityLevel : PriorityLevel) : Fiber {
+exports.createFiberFromPortal = function(
+  portal: ReactPortal,
+  priorityLevel: PriorityLevel,
+): Fiber {
   const fiber = createFiber(HostPortal, portal.key);
   fiber.pendingProps = portal.children || [];
   fiber.pendingWorkPriority = priorityLevel;
diff --git a/src/renderers/shared/fiber/ReactFiberBeginWork.js b/src/renderers/shared/fiber/ReactFiberBeginWork.js
index 3fa3cfda99..ad58d04461 100644
--- a/src/renderers/shared/fiber/ReactFiberBeginWork.js
+++ b/src/renderers/shared/fiber/ReactFiberBeginWork.js
@@ -12,12 +12,12 @@
 
 'use strict';
 
-import type { ReactCoroutine } from 'ReactCoroutine';
-import type { Fiber } from 'ReactFiber';
-import type { HostContext } from 'ReactFiberHostContext';
-import type { FiberRoot } from 'ReactFiberRoot';
-import type { HostConfig } from 'ReactFiberReconciler';
-import type { PriorityLevel } from 'ReactPriorityLevel';
+import type {ReactCoroutine} from 'ReactCoroutine';
+import type {Fiber} from 'ReactFiber';
+import type {HostContext} from 'ReactFiberHostContext';
+import type {FiberRoot} from 'ReactFiberRoot';
+import type {HostConfig} from 'ReactFiberReconciler';
+import type {PriorityLevel} from 'ReactPriorityLevel';
 
 var {
   mountChildFibersInPlace,
@@ -73,13 +73,16 @@ if (__DEV__) {
 }
 
 module.exports = function<T, P, I, TI, PI, C, CX, PL>(
-  config : HostConfig<T, P, I, TI, PI, C, CX, PL>,
-  hostContext : HostContext<C, CX>,
-  scheduleUpdate : (fiber : Fiber, priorityLevel : PriorityLevel) => void,
-  getPriorityContext : () => PriorityLevel,
+  config: HostConfig<T, P, I, TI, PI, C, CX, PL>,
+  hostContext: HostContext<C, CX>,
+  scheduleUpdate: (fiber: Fiber, priorityLevel: PriorityLevel) => void,
+  getPriorityContext: () => PriorityLevel,
 ) {
-
-  const { shouldSetTextContent, useSyncScheduling, shouldDeprioritizeSubtree } = config;
+  const {
+    shouldSetTextContent,
+    useSyncScheduling,
+    shouldDeprioritizeSubtree,
+  } = config;
 
   const {
     pushHostContext,
@@ -112,9 +115,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
   }
 
   function clearDeletions(workInProgress) {
-    workInProgress.progressedFirstDeletion =
-      workInProgress.progressedLastDeletion =
-        null;
+    workInProgress.progressedFirstDeletion = (workInProgress.progressedLastDeletion = null);
   }
 
   function transferDeletions(workInProgress) {
@@ -125,10 +126,20 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
 
   function reconcileChildren(current, workInProgress, nextChildren) {
     const priorityLevel = workInProgress.pendingWorkPriority;
-    reconcileChildrenAtPriority(current, workInProgress, nextChildren, priorityLevel);
+    reconcileChildrenAtPriority(
+      current,
+      workInProgress,
+      nextChildren,
+      priorityLevel,
+    );
   }
 
-  function reconcileChildrenAtPriority(current, workInProgress, nextChildren, priorityLevel) {
+  function reconcileChildrenAtPriority(
+    current,
+    workInProgress,
+    nextChildren,
+    priorityLevel,
+  ) {
     // At this point any memoization is no longer valid since we'll have changed
     // the children.
     workInProgress.memoizedProps = null;
@@ -141,7 +152,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         workInProgress,
         workInProgress.child,
         nextChildren,
-        priorityLevel
+        priorityLevel,
       );
     } else if (current.child === workInProgress.child) {
       // If the current child is the same as the work in progress, it means that
@@ -156,7 +167,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         workInProgress,
         workInProgress.child,
         nextChildren,
-        priorityLevel
+        priorityLevel,
       );
 
       transferDeletions(workInProgress);
@@ -168,7 +179,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         workInProgress,
         workInProgress.child,
         nextChildren,
-        priorityLevel
+        priorityLevel,
       );
 
       transferDeletions(workInProgress);
@@ -184,7 +195,9 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       if (nextChildren === null) {
         nextChildren = workInProgress.memoizedProps;
       }
-    } else if (nextChildren === null || workInProgress.memoizedProps === nextChildren) {
+    } else if (
+      nextChildren === null || workInProgress.memoizedProps === nextChildren
+    ) {
       return bailoutOnAlreadyFinishedWork(current, workInProgress);
     }
     reconcileChildren(current, workInProgress, nextChildren);
@@ -192,7 +205,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     return workInProgress.child;
   }
 
-  function markRef(current : Fiber | null, workInProgress : Fiber) {
+  function markRef(current: Fiber | null, workInProgress: Fiber) {
     const ref = workInProgress.ref;
     if (ref !== null && (!current || current.ref !== ref)) {
       // Schedule a Ref effect
@@ -217,8 +230,10 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       }
       // TODO: Disable this before release, since it is not part of the public API
       // I use this for testing to compare the relative overhead of classes.
-      if (typeof fn.shouldComponentUpdate === 'function' &&
-          !fn.shouldComponentUpdate(memoizedProps, nextProps)) {
+      if (
+        typeof fn.shouldComponentUpdate === 'function' &&
+        !fn.shouldComponentUpdate(memoizedProps, nextProps)
+      ) {
         // Memoize props even if shouldComponentUpdate returns false
         memoizeProps(workInProgress, nextProps);
         return bailoutOnAlreadyFinishedWork(current, workInProgress);
@@ -243,7 +258,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     return workInProgress.child;
   }
 
-  function updateClassComponent(current : Fiber | null, workInProgress : Fiber, priorityLevel : PriorityLevel) {
+  function updateClassComponent(
+    current: Fiber | null,
+    workInProgress: Fiber,
+    priorityLevel: PriorityLevel,
+  ) {
     // Push context providers early to prevent context stack mismatches.
     // During mounting we don't know the child context yet as the instance doesn't exist.
     // We will invalidate the child context in finishClassComponent() right after rendering.
@@ -261,16 +280,25 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         shouldUpdate = resumeMountClassInstance(workInProgress, priorityLevel);
       }
     } else {
-      shouldUpdate = updateClassInstance(current, workInProgress, priorityLevel);
+      shouldUpdate = updateClassInstance(
+        current,
+        workInProgress,
+        priorityLevel,
+      );
     }
-    return finishClassComponent(current, workInProgress, shouldUpdate, hasContext);
+    return finishClassComponent(
+      current,
+      workInProgress,
+      shouldUpdate,
+      hasContext,
+    );
   }
 
   function finishClassComponent(
-    current : Fiber | null,
-    workInProgress : Fiber,
-    shouldUpdate : boolean,
-    hasContext : boolean,
+    current: Fiber | null,
+    workInProgress: Fiber,
+    shouldUpdate: boolean,
+    hasContext: boolean,
   ) {
     // Refs should update even if shouldComponentUpdate returns false
     markRef(current, workInProgress);
@@ -305,20 +333,16 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
   }
 
   function updateHostRoot(current, workInProgress, priorityLevel) {
-    const root = (workInProgress.stateNode : FiberRoot);
+    const root = (workInProgress.stateNode: FiberRoot);
     if (root.pendingContext) {
       pushTopLevelContextObject(
         workInProgress,
         root.pendingContext,
-        root.pendingContext !== root.context
+        root.pendingContext !== root.context,
       );
     } else if (root.context) {
       // Should always be set
-      pushTopLevelContextObject(
-        workInProgress,
-        root.context,
-        false
-      );
+      pushTopLevelContextObject(workInProgress, root.context, false);
     }
 
     pushHostContainer(workInProgress, root.containerInfo);
@@ -326,7 +350,14 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     const updateQueue = workInProgress.updateQueue;
     if (updateQueue !== null) {
       const prevState = workInProgress.memoizedState;
-      const state = beginUpdateQueue(workInProgress, updateQueue, null, prevState, null, priorityLevel);
+      const state = beginUpdateQueue(
+        workInProgress,
+        updateQueue,
+        null,
+        prevState,
+        null,
+        priorityLevel,
+      );
       if (prevState === state) {
         // If the state is the same as before, that's a bailout because we had
         // no work matching this priority.
@@ -355,13 +386,15 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           nextProps !== null,
           'We should always have pending or current props. This error is ' +
-          'likely caused by a bug in React. Please file an issue.'
+            'likely caused by a bug in React. Please file an issue.',
         );
       }
     } else if (nextProps === null || memoizedProps === nextProps) {
-      if (!useSyncScheduling &&
-          shouldDeprioritizeSubtree(workInProgress.type, memoizedProps) &&
-          workInProgress.pendingWorkPriority !== OffscreenPriority) {
+      if (
+        !useSyncScheduling &&
+        shouldDeprioritizeSubtree(workInProgress.type, memoizedProps) &&
+        workInProgress.pendingWorkPriority !== OffscreenPriority
+      ) {
         // This subtree still has work, but it should be deprioritized so we need
         // to bail out and not do any work yet.
         // TODO: It would be better if this tree got its correct priority set
@@ -390,10 +423,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       // this in the host environment that also have access to this prop. That
       // avoids allocating another HostText fiber and traversing it.
       nextChildren = null;
-    } else if (
-      prevProps &&
-      shouldSetTextContent(prevProps)
-    ) {
+    } else if (prevProps && shouldSetTextContent(prevProps)) {
       // If we're switching from a direct text child to a normal child, or to
       // empty, we need to schedule the text content to be reset.
       workInProgress.effectTag |= ContentReset;
@@ -401,9 +431,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
 
     markRef(current, workInProgress);
 
-    if (!useSyncScheduling &&
-        shouldDeprioritizeSubtree(workInProgress.type, nextProps) &&
-        workInProgress.pendingWorkPriority !== OffscreenPriority) {
+    if (
+      !useSyncScheduling &&
+      shouldDeprioritizeSubtree(workInProgress.type, nextProps) &&
+      workInProgress.pendingWorkPriority !== OffscreenPriority
+    ) {
       // If this host component is hidden, we can bail out on the children.
       // We'll rerender the children later at the lower priority.
 
@@ -419,7 +451,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       }
 
       // Reconcile the children and stash them for later work.
-      reconcileChildrenAtPriority(current, workInProgress, nextChildren, OffscreenPriority);
+      reconcileChildrenAtPriority(
+        current,
+        workInProgress,
+        nextChildren,
+        OffscreenPriority,
+      );
       memoizeProps(workInProgress, nextProps);
       workInProgress.child = current !== null ? current.child : null;
 
@@ -460,7 +497,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     invariant(
       current === null,
       'An indeterminate component should never have mounted. This error is ' +
-      'likely caused by a bug in React. Please file an issue.'
+        'likely caused by a bug in React. Please file an issue.',
     );
     var fn = workInProgress.type;
     var props = workInProgress.pendingProps;
@@ -476,7 +513,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       value = fn(props, context);
     }
 
-    if (typeof value === 'object' && value !== null && typeof value.render === 'function') {
+    if (
+      typeof value === 'object' &&
+      value !== null &&
+      typeof value.render === 'function'
+    ) {
       // Proceed under the assumption that this is a class instance
       workInProgress.tag = ClassComponent;
 
@@ -497,7 +538,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
           warning(
             !Component.childContextTypes,
             '%s(...): childContextTypes cannot be defined on a functional component.',
-            Component.displayName || Component.name || 'Component'
+            Component.displayName || Component.name || 'Component',
           );
         }
         if (workInProgress.ref !== null) {
@@ -517,9 +558,9 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
             warning(
               false,
               'Stateless function components cannot be given refs. ' +
-              'Attempts to access this ref will fail.%s%s',
+                'Attempts to access this ref will fail.%s%s',
               info,
-              ReactDebugCurrentFiber.getCurrentFiberStackAddendum()
+              ReactDebugCurrentFiber.getCurrentFiberStackAddendum(),
             );
           }
         }
@@ -531,7 +572,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
   }
 
   function updateCoroutineComponent(current, workInProgress) {
-    var nextCoroutine = (workInProgress.pendingProps : null | ReactCoroutine);
+    var nextCoroutine = (workInProgress.pendingProps: null | ReactCoroutine);
     if (hasContextChanged()) {
       // Normally we can bail out on props equality but if context has changed
       // we don't do the bailout and we have to reuse existing props instead.
@@ -540,10 +581,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           nextCoroutine !== null,
           'We should always have pending or current props. This error is ' +
-          'likely caused by a bug in React. Please file an issue.'
+            'likely caused by a bug in React. Please file an issue.',
         );
       }
-    } else if (nextCoroutine === null || workInProgress.memoizedProps === nextCoroutine) {
+    } else if (
+      nextCoroutine === null || workInProgress.memoizedProps === nextCoroutine
+    ) {
       nextCoroutine = workInProgress.memoizedProps;
       // TODO: When bailing out, we might need to return the stateNode instead
       // of the child. To check it for work.
@@ -564,7 +607,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         workInProgress,
         workInProgress.stateNode,
         nextChildren,
-        priorityLevel
+        priorityLevel,
       );
     } else if (current.child === workInProgress.child) {
       clearDeletions(workInProgress);
@@ -573,7 +616,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         workInProgress,
         workInProgress.stateNode,
         nextChildren,
-        priorityLevel
+        priorityLevel,
       );
 
       transferDeletions(workInProgress);
@@ -582,7 +625,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         workInProgress,
         workInProgress.stateNode,
         nextChildren,
-        priorityLevel
+        priorityLevel,
       );
 
       transferDeletions(workInProgress);
@@ -606,10 +649,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           nextChildren != null,
           'We should always have pending or current props. This error is ' +
-          'likely caused by a bug in React. Please file an issue.'
+            'likely caused by a bug in React. Please file an issue.',
         );
       }
-    } else if (nextChildren === null || workInProgress.memoizedProps === nextChildren) {
+    } else if (
+      nextChildren === null || workInProgress.memoizedProps === nextChildren
+    ) {
       return bailoutOnAlreadyFinishedWork(current, workInProgress);
     }
 
@@ -623,7 +668,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         workInProgress,
         workInProgress.child,
         nextChildren,
-        priorityLevel
+        priorityLevel,
       );
       memoizeProps(workInProgress, nextChildren);
       markChildAsProgressed(current, workInProgress, priorityLevel);
@@ -653,11 +698,14 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
   }
   */
 
-  function bailoutOnAlreadyFinishedWork(current, workInProgress : Fiber) : Fiber | null {
+  function bailoutOnAlreadyFinishedWork(
+    current,
+    workInProgress: Fiber,
+  ): Fiber | null {
     if (__DEV__) {
       cancelWorkTimer(workInProgress);
     }
-    
+
     const priorityLevel = workInProgress.pendingWorkPriority;
     // TODO: We should ideally be able to bail out early if the children have no
     // more work to do. However, since we don't have a separation of this
@@ -696,7 +744,10 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         pushContextProvider(workInProgress);
         break;
       case HostPortal:
-        pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+        pushHostContainer(
+          workInProgress,
+          workInProgress.stateNode.containerInfo,
+        );
         break;
     }
     // TODO: What if this is currently in progress?
@@ -704,21 +755,27 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     return null;
   }
 
-  function memoizeProps(workInProgress : Fiber, nextProps : any) {
+  function memoizeProps(workInProgress: Fiber, nextProps: any) {
     workInProgress.memoizedProps = nextProps;
     // Reset the pending props
     workInProgress.pendingProps = null;
   }
 
-  function memoizeState(workInProgress : Fiber, nextState : any) {
+  function memoizeState(workInProgress: Fiber, nextState: any) {
     workInProgress.memoizedState = nextState;
     // Don't reset the updateQueue, in case there are pending updates. Resetting
     // is handled by beginUpdateQueue.
   }
 
-  function beginWork(current : Fiber | null, workInProgress : Fiber, priorityLevel : PriorityLevel) : Fiber | null {
-    if (workInProgress.pendingWorkPriority === NoWork ||
-        workInProgress.pendingWorkPriority > priorityLevel) {
+  function beginWork(
+    current: Fiber | null,
+    workInProgress: Fiber,
+    priorityLevel: PriorityLevel,
+  ): Fiber | null {
+    if (
+      workInProgress.pendingWorkPriority === NoWork ||
+      workInProgress.pendingWorkPriority > priorityLevel
+    ) {
       return bailoutOnLowPriority(current, workInProgress);
     }
 
@@ -739,7 +796,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
 
     switch (workInProgress.tag) {
       case IndeterminateComponent:
-        return mountIndeterminateComponent(current, workInProgress, priorityLevel);
+        return mountIndeterminateComponent(
+          current,
+          workInProgress,
+          priorityLevel,
+        );
       case FunctionalComponent:
         return updateFunctionalComponent(current, workInProgress);
       case ClassComponent:
@@ -753,7 +814,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       case CoroutineHandlerPhase:
         // This is a restart. Reset the tag to the initial phase.
         workInProgress.tag = CoroutineComponent;
-        // Intentionally fall through since this is now the same.
+      // Intentionally fall through since this is now the same.
       case CoroutineComponent:
         return updateCoroutineComponent(current, workInProgress);
       case YieldComponent:
@@ -768,24 +829,29 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           false,
           'Unknown unit of work tag. This error is likely caused by a bug in ' +
-          'React. Please file an issue.'
+            'React. Please file an issue.',
         );
     }
   }
 
-  function beginFailedWork(current : Fiber | null, workInProgress : Fiber, priorityLevel : PriorityLevel) {
+  function beginFailedWork(
+    current: Fiber | null,
+    workInProgress: Fiber,
+    priorityLevel: PriorityLevel,
+  ) {
     invariant(
-      workInProgress.tag === ClassComponent ||
-      workInProgress.tag === HostRoot,
+      workInProgress.tag === ClassComponent || workInProgress.tag === HostRoot,
       'Invalid type of work. This error is likely caused by a bug in React. ' +
-      'Please file an issue.'
+        'Please file an issue.',
     );
 
     // Add an error effect so we can handle the error during the commit phase
     workInProgress.effectTag |= Err;
 
-    if (workInProgress.pendingWorkPriority === NoWork ||
-        workInProgress.pendingWorkPriority > priorityLevel) {
+    if (
+      workInProgress.pendingWorkPriority === NoWork ||
+      workInProgress.pendingWorkPriority > priorityLevel
+    ) {
       return bailoutOnLowPriority(current, workInProgress);
     }
 
@@ -812,5 +878,4 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     beginWork,
     beginFailedWork,
   };
-
 };
diff --git a/src/renderers/shared/fiber/ReactFiberClassComponent.js b/src/renderers/shared/fiber/ReactFiberClassComponent.js
index 2b0eb304b5..c417f2f42e 100644
--- a/src/renderers/shared/fiber/ReactFiberClassComponent.js
+++ b/src/renderers/shared/fiber/ReactFiberClassComponent.js
@@ -12,8 +12,8 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { PriorityLevel } from 'ReactPriorityLevel';
+import type {Fiber} from 'ReactFiber';
+import type {PriorityLevel} from 'ReactPriorityLevel';
 
 var {
   Update,
@@ -30,8 +30,8 @@ var {
   addForceUpdate,
   beginUpdateQueue,
 } = require('ReactFiberUpdateQueue');
-var { hasContextChanged } = require('ReactFiberContext');
-var { isMounted } = require('ReactFiberTreeReflection');
+var {hasContextChanged} = require('ReactFiberContext');
+var {isMounted} = require('ReactFiberTreeReflection');
 var ReactInstanceMap = require('ReactInstanceMap');
 var emptyObject = require('fbjs/lib/emptyObject');
 var getComponentName = require('getComponentName');
@@ -46,24 +46,23 @@ if (__DEV__) {
     stopPhaseTimer,
   } = require('ReactDebugFiberPerf');
   var warning = require('fbjs/lib/warning');
-  var warnOnInvalidCallback = function(callback : mixed, callerName : string) {
+  var warnOnInvalidCallback = function(callback: mixed, callerName: string) {
     warning(
       callback === null || typeof callback === 'function',
       '%s(...): Expected the last optional `callback` argument to be a ' +
-      'function. Instead received: %s.',
+        'function. Instead received: %s.',
       callerName,
-      callback
+      callback,
     );
   };
 }
 
 module.exports = function(
-  scheduleUpdate : (fiber : Fiber, priorityLevel : PriorityLevel) => void,
-  getPriorityContext : () => PriorityLevel,
-  memoizeProps: (workInProgress : Fiber, props : any) => void,
-  memoizeState: (workInProgress : Fiber, state : any) => void,
+  scheduleUpdate: (fiber: Fiber, priorityLevel: PriorityLevel) => void,
+  getPriorityContext: () => PriorityLevel,
+  memoizeProps: (workInProgress: Fiber, props: any) => void,
+  memoizeState: (workInProgress: Fiber, state: any) => void,
 ) {
-
   // Class component state updater
   const updater = {
     isMounted,
@@ -99,8 +98,19 @@ module.exports = function(
     },
   };
 
-  function checkShouldComponentUpdate(workInProgress, oldProps, newProps, oldState, newState, newContext) {
-    if (oldProps === null || (workInProgress.updateQueue !== null && workInProgress.updateQueue.hasForceUpdate)) {
+  function checkShouldComponentUpdate(
+    workInProgress,
+    oldProps,
+    newProps,
+    oldState,
+    newState,
+    newContext,
+  ) {
+    if (
+      oldProps === null ||
+      (workInProgress.updateQueue !== null &&
+        workInProgress.updateQueue.hasForceUpdate)
+    ) {
       // If the workInProgress already has an Update effect, return true
       return true;
     }
@@ -110,7 +120,11 @@ module.exports = function(
       if (__DEV__) {
         startPhaseTimer(workInProgress, 'shouldComponentUpdate');
       }
-      const shouldUpdate = instance.shouldComponentUpdate(newProps, newState, newContext);
+      const shouldUpdate = instance.shouldComponentUpdate(
+        newProps,
+        newState,
+        newContext,
+      );
       if (__DEV__) {
         stopPhaseTimer();
       }
@@ -119,8 +133,8 @@ module.exports = function(
         warning(
           shouldUpdate !== undefined,
           '%s.shouldComponentUpdate(): Returned undefined instead of a ' +
-          'boolean value. Make sure to return true or false.',
-          getComponentName(workInProgress) || 'Unknown'
+            'boolean value. Make sure to return true or false.',
+          getComponentName(workInProgress) || 'Unknown',
         );
       }
 
@@ -129,10 +143,8 @@ module.exports = function(
 
     const type = workInProgress.type;
     if (type.prototype && type.prototype.isPureReactComponent) {
-      return (
-        !shallowEqual(oldProps, newProps) ||
-        !shallowEqual(oldState, newState)
-      );
+      return !shallowEqual(oldProps, newProps) ||
+        !shallowEqual(oldState, newState);
     }
 
     return true;
@@ -146,77 +158,76 @@ module.exports = function(
       warning(
         renderPresent,
         '%s(...): No `render` method found on the returned component ' +
-        'instance: you may have forgotten to define `render`.',
-        name
+          'instance: you may have forgotten to define `render`.',
+        name,
       );
-      const noGetInitialStateOnES6 = (
-        !instance.getInitialState ||
+      const noGetInitialStateOnES6 = !instance.getInitialState ||
         instance.getInitialState.isReactClassApproved ||
-        instance.state
-      );
+        instance.state;
       warning(
         noGetInitialStateOnES6,
         'getInitialState was defined on %s, a plain JavaScript class. ' +
-        'This is only supported for classes created using React.createClass. ' +
-        'Did you mean to define a state property instead?',
-        name
-      );
-      const noGetDefaultPropsOnES6 = (
-        !instance.getDefaultProps ||
-        instance.getDefaultProps.isReactClassApproved
+          'This is only supported for classes created using React.createClass. ' +
+          'Did you mean to define a state property instead?',
+        name,
       );
+      const noGetDefaultPropsOnES6 = !instance.getDefaultProps ||
+        instance.getDefaultProps.isReactClassApproved;
       warning(
         noGetDefaultPropsOnES6,
         'getDefaultProps was defined on %s, a plain JavaScript class. ' +
-        'This is only supported for classes created using React.createClass. ' +
-        'Use a static property to define defaultProps instead.',
-        name
+          'This is only supported for classes created using React.createClass. ' +
+          'Use a static property to define defaultProps instead.',
+        name,
       );
       const noInstancePropTypes = !instance.propTypes;
       warning(
         noInstancePropTypes,
         'propTypes was defined as an instance property on %s. Use a static ' +
-        'property to define propTypes instead.',
+          'property to define propTypes instead.',
         name,
       );
       const noInstanceContextTypes = !instance.contextTypes;
       warning(
         noInstanceContextTypes,
         'contextTypes was defined as an instance property on %s. Use a static ' +
-        'property to define contextTypes instead.',
+          'property to define contextTypes instead.',
         name,
       );
-      const noComponentShouldUpdate = typeof instance.componentShouldUpdate !== 'function';
+      const noComponentShouldUpdate = typeof instance.componentShouldUpdate !==
+        'function';
       warning(
         noComponentShouldUpdate,
         '%s has a method called ' +
-        'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +
-        'The name is phrased as a question because the function is ' +
-        'expected to return a value.',
-        name
+          'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +
+          'The name is phrased as a question because the function is ' +
+          'expected to return a value.',
+        name,
       );
-      const noComponentDidUnmount = typeof instance.componentDidUnmount !== 'function';
+      const noComponentDidUnmount = typeof instance.componentDidUnmount !==
+        'function';
       warning(
         noComponentDidUnmount,
         '%s has a method called ' +
-        'componentDidUnmount(). But there is no such lifecycle method. ' +
-        'Did you mean componentWillUnmount()?',
-        name
+          'componentDidUnmount(). But there is no such lifecycle method. ' +
+          'Did you mean componentWillUnmount()?',
+        name,
       );
-      const noComponentWillRecieveProps = typeof instance.componentWillRecieveProps !== 'function';
+      const noComponentWillRecieveProps = typeof instance.componentWillRecieveProps !==
+        'function';
       warning(
         noComponentWillRecieveProps,
         '%s has a method called ' +
-        'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
-        name
+          'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
+        name,
       );
       const hasMutatedProps = instance.props !== workInProgress.pendingProps;
       warning(
         instance.props === undefined || !hasMutatedProps,
         '%s(...): When calling super() in `%s`, make sure to pass ' +
-        'up the same props that your component\'s constructor was passed.',
+          "up the same props that your component's constructor was passed.",
+        name,
         name,
-        name
       );
     }
 
@@ -225,37 +236,39 @@ module.exports = function(
       invariant(
         false,
         '%s.state: must be set to an object or null',
-        getComponentName(workInProgress)
+        getComponentName(workInProgress),
       );
     }
     if (typeof instance.getChildContext === 'function') {
       invariant(
         typeof workInProgress.type.childContextTypes === 'object',
         '%s.getChildContext(): childContextTypes must be defined in order to ' +
-        'use getChildContext().',
-        getComponentName(workInProgress)
+          'use getChildContext().',
+        getComponentName(workInProgress),
       );
     }
   }
 
-  function resetInputPointers(workInProgress : Fiber, instance : any) {
+  function resetInputPointers(workInProgress: Fiber, instance: any) {
     instance.props = workInProgress.memoizedProps;
     instance.state = workInProgress.memoizedState;
   }
 
-  function adoptClassInstance(workInProgress : Fiber, instance : any) : void {
+  function adoptClassInstance(workInProgress: Fiber, instance: any): void {
     instance.updater = updater;
     workInProgress.stateNode = instance;
     // The instance needs access to the fiber so that it can schedule updates
     ReactInstanceMap.set(instance, workInProgress);
   }
 
-  function constructClassInstance(workInProgress : Fiber) : any {
+  function constructClassInstance(workInProgress: Fiber): any {
     const ctor = workInProgress.type;
     const props = workInProgress.pendingProps;
     const unmaskedContext = getUnmaskedContext(workInProgress);
     const needsContext = isContextConsumer(workInProgress);
-    const context = needsContext ? getMaskedContext(workInProgress, unmaskedContext) : emptyObject;
+    const context = needsContext
+      ? getMaskedContext(workInProgress, unmaskedContext)
+      : emptyObject;
     const instance = new ctor(props, context);
     adoptClassInstance(workInProgress, instance);
     checkClassInstance(workInProgress);
@@ -270,7 +283,10 @@ module.exports = function(
   }
 
   // Invokes the mount life-cycles on a previously never rendered instance.
-  function mountClassInstance(workInProgress : Fiber, priorityLevel : PriorityLevel) : void {
+  function mountClassInstance(
+    workInProgress: Fiber,
+    priorityLevel: PriorityLevel,
+  ): void {
     const instance = workInProgress.stateNode;
     const state = instance.state || null;
 
@@ -278,7 +294,7 @@ module.exports = function(
     invariant(
       props,
       'There must be pending props for an initial mount. This error is ' +
-      'likely caused by a bug in React. Please file an issue.'
+        'likely caused by a bug in React. Please file an issue.',
     );
 
     const unmaskedContext = getUnmaskedContext(workInProgress);
@@ -306,7 +322,7 @@ module.exports = function(
           instance,
           state,
           props,
-          priorityLevel
+          priorityLevel,
         );
       }
     }
@@ -317,7 +333,10 @@ module.exports = function(
 
   // Called on a preexisting class instance. Returns false if a resumed render
   // could be reused.
-  function resumeMountClassInstance(workInProgress : Fiber, priorityLevel : PriorityLevel) : boolean {
+  function resumeMountClassInstance(
+    workInProgress: Fiber,
+    priorityLevel: PriorityLevel,
+  ): boolean {
     const instance = workInProgress.stateNode;
     resetInputPointers(workInProgress, instance);
 
@@ -330,7 +349,7 @@ module.exports = function(
       invariant(
         newProps != null,
         'There should always be pending or memoized props. This error is ' +
-        'likely caused by a bug in React. Please file an issue.'
+          'likely caused by a bug in React. Please file an issue.',
       );
     }
     const newUnmaskedContext = getUnmaskedContext(workInProgress);
@@ -340,14 +359,16 @@ module.exports = function(
     // componentWillMount and before this componentWillMount? Probably
     // unsupported anyway.
 
-    if (!checkShouldComponentUpdate(
-      workInProgress,
-      workInProgress.memoizedProps,
-      newProps,
-      workInProgress.memoizedState,
-      newState,
-      newContext
-    )) {
+    if (
+      !checkShouldComponentUpdate(
+        workInProgress,
+        workInProgress.memoizedProps,
+        newProps,
+        workInProgress.memoizedState,
+        newState,
+        newContext,
+      )
+    ) {
       // Update the existing instance's state, props, and context pointers even
       // though we're bailing out.
       instance.props = newProps;
@@ -360,7 +381,7 @@ module.exports = function(
     // want to reuse one that failed to fully mount.
     const newInstance = constructClassInstance(workInProgress);
     newInstance.props = newProps;
-    newInstance.state = newState = newInstance.state || null;
+    newInstance.state = (newState = newInstance.state || null);
     newInstance.context = newContext;
 
     if (typeof newInstance.componentWillMount === 'function') {
@@ -383,7 +404,7 @@ module.exports = function(
         newInstance,
         newState,
         newProps,
-        priorityLevel
+        priorityLevel,
       );
     }
     if (typeof instance.componentDidMount === 'function') {
@@ -393,7 +414,11 @@ module.exports = function(
   }
 
   // Invokes the update life-cycles and returns false if it shouldn't rerender.
-  function updateClassInstance(current : Fiber, workInProgress : Fiber, priorityLevel : PriorityLevel) : boolean {
+  function updateClassInstance(
+    current: Fiber,
+    workInProgress: Fiber,
+    priorityLevel: PriorityLevel,
+  ): boolean {
     const instance = workInProgress.stateNode;
     resetInputPointers(workInProgress, instance);
 
@@ -406,7 +431,7 @@ module.exports = function(
       invariant(
         newProps != null,
         'There should always be pending or memoized props. This error is ' +
-        'likely caused by a bug in React. Please file an issue.'
+          'likely caused by a bug in React. Please file an issue.',
       );
     }
     const oldContext = instance.context;
@@ -432,9 +457,9 @@ module.exports = function(
             warning(
               false,
               '%s.componentWillReceiveProps(): Assigning directly to ' +
-              'this.state is deprecated (except inside a component\'s ' +
-              'constructor). Use setState instead.',
-              getComponentName(workInProgress)
+                "this.state is deprecated (except inside a component's " +
+                'constructor). Use setState instead.',
+              getComponentName(workInProgress),
             );
           }
           updater.enqueueReplaceState(instance, instance.state, null);
@@ -454,21 +479,25 @@ module.exports = function(
         instance,
         oldState,
         newProps,
-        priorityLevel
+        priorityLevel,
       );
     } else {
       newState = oldState;
     }
 
-    if (oldProps === newProps &&
-        oldState === newState &&
-        !hasContextChanged() &&
-        !(updateQueue !== null && updateQueue.hasForceUpdate)) {
+    if (
+      oldProps === newProps &&
+      oldState === newState &&
+      !hasContextChanged() &&
+      !(updateQueue !== null && updateQueue.hasForceUpdate)
+    ) {
       // If an update was already in progress, we should schedule an Update
       // effect even though we're bailing out, so that cWU/cDU are called.
       if (typeof instance.componentDidUpdate === 'function') {
-        if (oldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState) {
+        if (
+          oldProps !== current.memoizedProps ||
+          oldState !== current.memoizedState
+        ) {
           workInProgress.effectTag |= Update;
         }
       }
@@ -481,7 +510,7 @@ module.exports = function(
       newProps,
       oldState,
       newState,
-      newContext
+      newContext,
     );
 
     if (shouldUpdate) {
@@ -501,8 +530,10 @@ module.exports = function(
       // If an update was already in progress, we should schedule an Update
       // effect even though we're bailing out, so that cWU/cDU are called.
       if (typeof instance.componentDidUpdate === 'function') {
-        if (oldProps !== current.memoizedProps ||
-            oldState !== current.memoizedState) {
+        if (
+          oldProps !== current.memoizedProps ||
+          oldState !== current.memoizedState
+        ) {
           workInProgress.effectTag |= Update;
         }
       }
@@ -529,5 +560,4 @@ module.exports = function(
     resumeMountClassInstance,
     updateClassInstance,
   };
-
 };
diff --git a/src/renderers/shared/fiber/ReactFiberCommitWork.js b/src/renderers/shared/fiber/ReactFiberCommitWork.js
index 30a2f4962c..17000dc690 100644
--- a/src/renderers/shared/fiber/ReactFiberCommitWork.js
+++ b/src/renderers/shared/fiber/ReactFiberCommitWork.js
@@ -12,8 +12,8 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { HostConfig } from 'ReactFiberReconciler';
+import type {Fiber} from 'ReactFiber';
+import type {HostConfig} from 'ReactFiberReconciler';
 
 var ReactTypeOfWork = require('ReactTypeOfWork');
 var {
@@ -24,9 +24,9 @@ var {
   HostPortal,
   CoroutineComponent,
 } = ReactTypeOfWork;
-var { commitCallbacks } = require('ReactFiberUpdateQueue');
-var { onCommitUnmount } = require('ReactFiberDevToolsHook');
-var { invokeGuardedCallback } = require('ReactErrorUtils');
+var {commitCallbacks} = require('ReactFiberUpdateQueue');
+var {onCommitUnmount} = require('ReactFiberDevToolsHook');
+var {invokeGuardedCallback} = require('ReactErrorUtils');
 
 var {
   Placement,
@@ -45,10 +45,9 @@ if (__DEV__) {
 }
 
 module.exports = function<T, P, I, TI, PI, C, CX, PL>(
-  config : HostConfig<T, P, I, TI, PI, C, CX, PL>,
-  captureError : (failedFiber : Fiber, error: Error) => Fiber | null
+  config: HostConfig<T, P, I, TI, PI, C, CX, PL>,
+  captureError: (failedFiber: Fiber, error: Error) => Fiber | null,
 ) {
-
   const {
     commitMount,
     commitUpdate,
@@ -90,7 +89,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function safelyDetachRef(current : Fiber) {
+  function safelyDetachRef(current: Fiber) {
     const ref = current.ref;
     if (ref !== null) {
       if (__DEV__) {
@@ -108,7 +107,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function getHostParent(fiber : Fiber) : I | C {
+  function getHostParent(fiber: Fiber): I | C {
     let parent = fiber.return;
     while (parent !== null) {
       switch (parent.tag) {
@@ -124,11 +123,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     invariant(
       false,
       'Expected to find a host parent. This error is likely caused by a bug ' +
-      'in React. Please file an issue.'
+        'in React. Please file an issue.',
     );
   }
 
-  function getHostParentFiber(fiber : Fiber) : Fiber {
+  function getHostParentFiber(fiber: Fiber): Fiber {
     let parent = fiber.return;
     while (parent !== null) {
       if (isHostParent(parent)) {
@@ -139,24 +138,22 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     invariant(
       false,
       'Expected to find a host parent. This error is likely caused by a bug ' +
-      'in React. Please file an issue.'
+        'in React. Please file an issue.',
     );
   }
 
-  function isHostParent(fiber : Fiber) : boolean {
-    return (
-      fiber.tag === HostComponent ||
+  function isHostParent(fiber: Fiber): boolean {
+    return fiber.tag === HostComponent ||
       fiber.tag === HostRoot ||
-      fiber.tag === HostPortal
-    );
+      fiber.tag === HostPortal;
   }
 
-  function getHostSibling(fiber : Fiber) : ?I {
+  function getHostSibling(fiber: Fiber): ?I {
     // We're going to search forward into the tree until we find a sibling host
     // node. Unfortunately, if multiple insertions are done in a row we have to
     // search past them. This leads to exponential search for the next sibling.
     // TODO: Find a more efficient way to do this.
-    let node : Fiber = fiber;
+    let node: Fiber = fiber;
     siblings: while (true) {
       // If we didn't find anything, let's try the next sibling.
       while (node.sibling === null) {
@@ -193,7 +190,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function commitPlacement(finishedWork : Fiber) : void {
+  function commitPlacement(finishedWork: Fiber): void {
     // Recursively insert all host nodes into the parent.
     const parentFiber = getHostParentFiber(finishedWork);
     let parent;
@@ -211,7 +208,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           false,
           'Invalid host parent fiber. This error is likely caused by a bug ' +
-          'in React. Please file an issue.'
+            'in React. Please file an issue.',
         );
     }
     if (parentFiber.effectTag & ContentReset) {
@@ -224,7 +221,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     const before = getHostSibling(finishedWork);
     // We only have the top Fiber that was inserted but we need recurse down its
     // children to find all the terminal nodes.
-    let node : Fiber = finishedWork;
+    let node: Fiber = finishedWork;
     while (true) {
       if (node.tag === HostComponent || node.tag === HostText) {
         if (before) {
@@ -255,13 +252,13 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function commitNestedUnmounts(root : Fiber): void {
+  function commitNestedUnmounts(root: Fiber): void {
     // While we're inside a removed host node we don't want to call
     // removeChild on the inner nodes because they're removed by the top
     // call anyway. We also want to call componentWillUnmount on all
     // composites before this host node is removed from the tree. Therefore
     // we do an inner loop while we're still inside the host node.
-    let node : Fiber = root;
+    let node: Fiber = root;
     while (true) {
       commitUnmount(node);
       // Visit children because they may contain more composite or host nodes.
@@ -288,7 +285,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
   function unmountHostComponents(parent, current): void {
     // We only have the top Fiber that was inserted but we need recurse down its
     // children to find all the terminal nodes.
-    let node : Fiber = current;
+    let node: Fiber = current;
     while (true) {
       if (node.tag === HostComponent || node.tag === HostText) {
         commitNestedUnmounts(node);
@@ -334,7 +331,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function commitDeletion(current : Fiber) : void {
+  function commitDeletion(current: Fiber): void {
     // Recursively delete all host nodes from the parent.
     const parent = getHostParent(current);
     // Detach refs and call componentWillUnmount() on the whole subtree.
@@ -356,7 +353,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
   // User-originating errors (lifecycles and refs) should not interrupt
   // deletion, so don't let them throw. Host-originating errors should
   // interrupt deletion, so it's okay
-  function commitUnmount(current : Fiber) : void {
+  function commitUnmount(current: Fiber): void {
     if (typeof onCommitUnmount === 'function') {
       onCommitUnmount(current);
     }
@@ -389,23 +386,30 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function commitWork(current : Fiber | null, finishedWork : Fiber) : void {
+  function commitWork(current: Fiber | null, finishedWork: Fiber): void {
     switch (finishedWork.tag) {
       case ClassComponent: {
         return;
       }
       case HostComponent: {
-        const instance : I = finishedWork.stateNode;
+        const instance: I = finishedWork.stateNode;
         if (instance != null && current !== null) {
           // Commit the work prepared earlier.
           const newProps = finishedWork.memoizedProps;
           const oldProps = current.memoizedProps;
           const type = finishedWork.type;
           // TODO: Type the updateQueue to be specific to host components.
-          const updatePayload : null | PL = (finishedWork.updateQueue : any);
+          const updatePayload: null | PL = (finishedWork.updateQueue: any);
           finishedWork.updateQueue = null;
           if (updatePayload !== null) {
-            commitUpdate(instance, updatePayload, type, oldProps, newProps, finishedWork);
+            commitUpdate(
+              instance,
+              updatePayload,
+              type,
+              oldProps,
+              newProps,
+              finishedWork,
+            );
           }
         }
         return;
@@ -414,11 +418,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           finishedWork.stateNode !== null && current !== null,
           'This should only be done during updates. This error is likely ' +
-          'caused by a bug in React. Please file an issue.'
+            'caused by a bug in React. Please file an issue.',
         );
-        const textInstance : TI = finishedWork.stateNode;
-        const newText : string = finishedWork.memoizedProps;
-        const oldText : string = current.memoizedProps;
+        const textInstance: TI = finishedWork.stateNode;
+        const newText: string = finishedWork.memoizedProps;
+        const oldText: string = current.memoizedProps;
         commitTextUpdate(textInstance, oldText, newText);
         return;
       }
@@ -432,13 +436,13 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           false,
           'This unit of work tag should not have side-effects. This error is ' +
-          'likely caused by a bug in React. Please file an issue.'
+            'likely caused by a bug in React. Please file an issue.',
         );
       }
     }
   }
 
-  function commitLifeCycles(current : Fiber | null, finishedWork : Fiber) : void {
+  function commitLifeCycles(current: Fiber | null, finishedWork: Fiber): void {
     switch (finishedWork.tag) {
       case ClassComponent: {
         const instance = finishedWork.stateNode;
@@ -463,7 +467,9 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
             }
           }
         }
-        if ((finishedWork.effectTag & Callback) && finishedWork.updateQueue !== null) {
+        if (
+          finishedWork.effectTag & Callback && finishedWork.updateQueue !== null
+        ) {
           commitCallbacks(finishedWork, finishedWork.updateQueue, instance);
         }
         return;
@@ -477,16 +483,13 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         return;
       }
       case HostComponent: {
-        const instance : I = finishedWork.stateNode;
+        const instance: I = finishedWork.stateNode;
 
         // Renderers may schedule work to be done after host components are mounted
         // (eg DOM renderer may schedule auto-focus for inputs and form controls).
         // These effects should only be committed when components are first mounted,
         // aka when there is no current/alternate.
-        if (
-          current === null &&
-          finishedWork.effectTag & Update
-        ) {
+        if (current === null && finishedWork.effectTag & Update) {
           const type = finishedWork.type;
           const props = finishedWork.memoizedProps;
           commitMount(instance, type, props, finishedWork);
@@ -506,13 +509,13 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           false,
           'This unit of work tag should not have side-effects. This error is ' +
-          'likely caused by a bug in React. Please file an issue.'
+            'likely caused by a bug in React. Please file an issue.',
         );
       }
     }
   }
 
-  function commitAttachRef(finishedWork : Fiber) {
+  function commitAttachRef(finishedWork: Fiber) {
     const ref = finishedWork.ref;
     if (ref !== null) {
       const instance = getPublicInstance(finishedWork.stateNode);
@@ -520,7 +523,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function commitDetachRef(current : Fiber) {
+  function commitDetachRef(current: Fiber) {
     const currentRef = current.ref;
     if (currentRef !== null) {
       currentRef(null);
@@ -535,5 +538,4 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     commitAttachRef,
     commitDetachRef,
   };
-
 };
diff --git a/src/renderers/shared/fiber/ReactFiberCompleteWork.js b/src/renderers/shared/fiber/ReactFiberCompleteWork.js
index aef565e1d2..a65b0d3d71 100644
--- a/src/renderers/shared/fiber/ReactFiberCompleteWork.js
+++ b/src/renderers/shared/fiber/ReactFiberCompleteWork.js
@@ -12,13 +12,13 @@
 
 'use strict';
 
-import type { ReactCoroutine } from 'ReactCoroutine';
-import type { Fiber } from 'ReactFiber';
-import type { HostContext } from 'ReactFiberHostContext';
-import type { FiberRoot } from 'ReactFiberRoot';
-import type { HostConfig } from 'ReactFiberReconciler';
+import type {ReactCoroutine} from 'ReactCoroutine';
+import type {Fiber} from 'ReactFiber';
+import type {HostContext} from 'ReactFiberHostContext';
+import type {FiberRoot} from 'ReactFiberRoot';
+import type {HostConfig} from 'ReactFiberReconciler';
 
-var { reconcileChildFibers } = require('ReactChildFiber');
+var {reconcileChildFibers} = require('ReactChildFiber');
 var {
   popContextProvider,
 } = require('ReactFiberContext');
@@ -49,8 +49,8 @@ if (__DEV__) {
 var invariant = require('fbjs/lib/invariant');
 
 module.exports = function<T, P, I, TI, PI, C, CX, PL>(
-  config : HostConfig<T, P, I, TI, PI, C, CX, PL>,
-  hostContext : HostContext<C, CX>,
+  config: HostConfig<T, P, I, TI, PI, C, CX, PL>,
+  hostContext: HostContext<C, CX>,
 ) {
   const {
     createInstance,
@@ -79,28 +79,28 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function markUpdate(workInProgress : Fiber) {
+  function markUpdate(workInProgress: Fiber) {
     // Tag the fiber with an update effect. This turns a Placement into
     // an UpdateAndPlacement.
     workInProgress.effectTag |= Update;
   }
 
-  function markRef(workInProgress : Fiber) {
+  function markRef(workInProgress: Fiber) {
     workInProgress.effectTag |= Ref;
   }
 
-  function appendAllYields(yields : Array<mixed>, workInProgress : Fiber) {
+  function appendAllYields(yields: Array<mixed>, workInProgress: Fiber) {
     let node = workInProgress.stateNode;
     if (node) {
       node.return = workInProgress;
     }
     while (node !== null) {
-      if (node.tag === HostComponent || node.tag === HostText ||
-          node.tag === HostPortal) {
-        invariant(
-          false,
-          'A coroutine cannot have host component children.'
-        );
+      if (
+        node.tag === HostComponent ||
+        node.tag === HostText ||
+        node.tag === HostPortal
+      ) {
+        invariant(false, 'A coroutine cannot have host component children.');
       } else if (node.tag === YieldComponent) {
         yields.push(node.type);
       } else if (node.child !== null) {
@@ -119,12 +119,15 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function moveCoroutineToHandlerPhase(current : Fiber | null, workInProgress : Fiber) {
-    var coroutine = (workInProgress.memoizedProps : ?ReactCoroutine);
+  function moveCoroutineToHandlerPhase(
+    current: Fiber | null,
+    workInProgress: Fiber,
+  ) {
+    var coroutine = (workInProgress.memoizedProps: ?ReactCoroutine);
     invariant(
       coroutine,
       'Should be resolved by now. This error is likely caused by a bug in ' +
-      'React. Please file an issue.',
+        'React. Please file an issue.',
     );
 
     // First step of the coroutine has completed. Now we need to do the second.
@@ -138,7 +141,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
 
     // Build up the yields.
     // TODO: Compare this to a generator or opaque helpers like Children.
-    var yields : Array<mixed> = [];
+    var yields: Array<mixed> = [];
     appendAllYields(yields, workInProgress);
     var fn = coroutine.handler;
     var props = coroutine.props;
@@ -151,13 +154,13 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       workInProgress,
       currentFirstChild,
       nextChildren,
-      priority
+      priority,
     );
     markChildAsProgressed(current, workInProgress, priority);
     return workInProgress.child;
   }
 
-  function appendAllChildren(parent : I, workInProgress : Fiber) {
+  function appendAllChildren(parent: I, workInProgress: Fiber) {
     // We only have the top Fiber that was created but we need recurse down its
     // children to find all the terminal nodes.
     let node = workInProgress.child;
@@ -185,7 +188,10 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     }
   }
 
-  function completeWork(current : Fiber | null, workInProgress : Fiber) : Fiber | null {
+  function completeWork(
+    current: Fiber | null,
+    workInProgress: Fiber,
+  ): Fiber | null {
     if (__DEV__) {
       ReactDebugCurrentFiber.current = workInProgress;
     }
@@ -200,7 +206,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       }
       case HostRoot: {
         // TODO: Pop the host container after #8607 lands.
-        const fiberRoot = (workInProgress.stateNode : FiberRoot);
+        const fiberRoot = (workInProgress.stateNode: FiberRoot);
         if (fiberRoot.pendingContext) {
           fiberRoot.context = fiberRoot.pendingContext;
           fiberRoot.pendingContext = null;
@@ -220,7 +226,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
           // have newProps so we'll have to reuse them.
           // TODO: Split the update API as separate for the props vs. children.
           // Even better would be if children weren't special cased at all tho.
-          const instance : I = workInProgress.stateNode;
+          const instance: I = workInProgress.stateNode;
           const currentHostContext = getHostContext();
           const updatePayload = prepareUpdate(
             instance,
@@ -228,11 +234,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
             oldProps,
             newProps,
             rootContainerInstance,
-            currentHostContext
+            currentHostContext,
           );
 
           // TODO: Type this specific to this type of component.
-          workInProgress.updateQueue = (updatePayload : any);
+          workInProgress.updateQueue = (updatePayload: any);
           // If the update payload indicates that there is a change or if there
           // is a new ref we mark this as an update.
           if (updatePayload) {
@@ -246,7 +252,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
             invariant(
               workInProgress.stateNode !== null,
               'We must have new props for new mounts. This error is likely ' +
-              'caused by a bug in React. Please file an issue.'
+                'caused by a bug in React. Please file an issue.',
             );
             // This can happen when we abort work.
             return null;
@@ -262,7 +268,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
             newProps,
             rootContainerInstance,
             currentHostContext,
-            workInProgress
+            workInProgress,
           );
 
           appendAllChildren(instance, workInProgress);
@@ -270,7 +276,14 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
           // Certain renderers require commit-time effects for initial mount.
           // (eg DOM renderer supports auto-focus for certain elements).
           // Make sure such renderers get scheduled for later work.
-          if (finalizeInitialChildren(instance, type, newProps, rootContainerInstance)) {
+          if (
+            finalizeInitialChildren(
+              instance,
+              type,
+              newProps,
+              rootContainerInstance,
+            )
+          ) {
             markUpdate(workInProgress);
           }
 
@@ -296,14 +309,19 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
             invariant(
               workInProgress.stateNode !== null,
               'We must have new props for new mounts. This error is likely ' +
-              'caused by a bug in React. Please file an issue.'
+                'caused by a bug in React. Please file an issue.',
             );
             // This can happen when we abort work.
             return null;
           }
           const rootContainerInstance = getRootHostContainer();
           const currentHostContext = getHostContext();
-          const textInstance = createTextInstance(newText, rootContainerInstance, currentHostContext, workInProgress);
+          const textInstance = createTextInstance(
+            newText,
+            rootContainerInstance,
+            currentHostContext,
+            workInProgress,
+          );
           workInProgress.stateNode = textInstance;
         }
         return null;
@@ -330,15 +348,15 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         invariant(
           false,
           'An indeterminate component should have become determinate before ' +
-          'completing. This error is likely caused by a bug in React. Please ' +
-          'file an issue.'
+            'completing. This error is likely caused by a bug in React. Please ' +
+            'file an issue.',
         );
-        // eslint-disable-next-line no-fallthrough
+      // eslint-disable-next-line no-fallthrough
       default:
         invariant(
           false,
           'Unknown unit of work tag. This error is likely caused by a bug in ' +
-          'React. Please file an issue.'
+            'React. Please file an issue.',
         );
     }
   }
@@ -346,5 +364,4 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
   return {
     completeWork,
   };
-
 };
diff --git a/src/renderers/shared/fiber/ReactFiberContext.js b/src/renderers/shared/fiber/ReactFiberContext.js
index 81410161d4..0f45d75323 100644
--- a/src/renderers/shared/fiber/ReactFiberContext.js
+++ b/src/renderers/shared/fiber/ReactFiberContext.js
@@ -12,8 +12,8 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { StackCursor } from 'ReactFiberStack';
+import type {Fiber} from 'ReactFiber';
+import type {StackCursor} from 'ReactFiberStack';
 
 var emptyObject = require('fbjs/lib/emptyObject');
 var getComponentName = require('getComponentName');
@@ -44,15 +44,15 @@ if (__DEV__) {
 }
 
 // A cursor to the current merged context object on the stack.
-let contextStackCursor : StackCursor<Object> = createCursor(emptyObject);
+let contextStackCursor: StackCursor<Object> = createCursor(emptyObject);
 // A cursor to a boolean indicating whether the context has changed.
-let didPerformWorkStackCursor : StackCursor<boolean> = createCursor(false);
+let didPerformWorkStackCursor: StackCursor<boolean> = createCursor(false);
 // Keep track of the previous context object that was on the stack.
 // We use this to get access to the parent context after we have already
 // pushed the next context provider, and now need to merge their contexts.
-let previousContext : Object = emptyObject;
+let previousContext: Object = emptyObject;
 
-function getUnmaskedContext(workInProgress : Fiber) : Object {
+function getUnmaskedContext(workInProgress: Fiber): Object {
   const hasOwnContext = isContextProvider(workInProgress);
   if (hasOwnContext) {
     // If the fiber is a context provider itself, when we read its context
@@ -65,14 +65,21 @@ function getUnmaskedContext(workInProgress : Fiber) : Object {
 }
 exports.getUnmaskedContext = getUnmaskedContext;
 
-function cacheContext(workInProgress : Fiber, unmaskedContext : Object, maskedContext : Object) {
+function cacheContext(
+  workInProgress: Fiber,
+  unmaskedContext: Object,
+  maskedContext: Object,
+) {
   const instance = workInProgress.stateNode;
   instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
   instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
 }
 exports.cacheContext = cacheContext;
 
-exports.getMaskedContext = function(workInProgress : Fiber, unmaskedContext : Object) {
+exports.getMaskedContext = function(
+  workInProgress: Fiber,
+  unmaskedContext: Object,
+) {
   const type = workInProgress.type;
   const contextTypes = type.contextTypes;
   if (!contextTypes) {
@@ -111,27 +118,21 @@ exports.getMaskedContext = function(workInProgress : Fiber, unmaskedContext : Ob
   return context;
 };
 
-exports.hasContextChanged = function() : boolean {
+exports.hasContextChanged = function(): boolean {
   return didPerformWorkStackCursor.current;
 };
 
-function isContextConsumer(fiber : Fiber) : boolean {
-  return (
-    fiber.tag === ClassComponent &&
-    fiber.type.contextTypes != null
-  );
+function isContextConsumer(fiber: Fiber): boolean {
+  return fiber.tag === ClassComponent && fiber.type.contextTypes != null;
 }
 exports.isContextConsumer = isContextConsumer;
 
-function isContextProvider(fiber : Fiber) : boolean {
-  return (
-    fiber.tag === ClassComponent &&
-    fiber.type.childContextTypes != null
-  );
+function isContextProvider(fiber: Fiber): boolean {
+  return fiber.tag === ClassComponent && fiber.type.childContextTypes != null;
 }
 exports.isContextProvider = isContextProvider;
 
-function popContextProvider(fiber : Fiber) : void {
+function popContextProvider(fiber: Fiber): void {
   if (!isContextProvider(fiber)) {
     return;
   }
@@ -141,14 +142,25 @@ function popContextProvider(fiber : Fiber) : void {
 }
 exports.popContextProvider = popContextProvider;
 
-exports.pushTopLevelContextObject = function(fiber : Fiber, context : Object, didChange : boolean) : void {
-  invariant(contextStackCursor.cursor == null, 'Unexpected context found on stack');
+exports.pushTopLevelContextObject = function(
+  fiber: Fiber,
+  context: Object,
+  didChange: boolean,
+): void {
+  invariant(
+    contextStackCursor.cursor == null,
+    'Unexpected context found on stack',
+  );
 
   push(contextStackCursor, context, fiber);
   push(didPerformWorkStackCursor, didChange, fiber);
 };
 
-function processChildContext(fiber : Fiber, parentContext : Object, isReconciling : boolean): Object {
+function processChildContext(
+  fiber: Fiber,
+  parentContext: Object,
+  isReconciling: boolean,
+): Object {
   const instance = fiber.stateNode;
   const childContextTypes = fiber.type.childContextTypes;
 
@@ -163,8 +175,8 @@ function processChildContext(fiber : Fiber, parentContext : Object, isReconcilin
         warning(
           false,
           '%s.childContextTypes is specified but there is no getChildContext() method ' +
-          'on the instance. You can either define getChildContext() on %s or remove ' +
-          'childContextTypes from it.',
+            'on the instance. You can either define getChildContext() on %s or remove ' +
+            'childContextTypes from it.',
           componentName,
           componentName,
         );
@@ -188,7 +200,7 @@ function processChildContext(fiber : Fiber, parentContext : Object, isReconcilin
       contextKey in childContextTypes,
       '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
       getComponentName(fiber) || 'Unknown',
-      contextKey
+      contextKey,
     );
   }
   if (__DEV__) {
@@ -208,7 +220,7 @@ function processChildContext(fiber : Fiber, parentContext : Object, isReconcilin
 }
 exports.processChildContext = processChildContext;
 
-exports.pushContextProvider = function(workInProgress : Fiber) : boolean {
+exports.pushContextProvider = function(workInProgress: Fiber): boolean {
   if (!isContextProvider(workInProgress)) {
     return false;
   }
@@ -217,10 +229,9 @@ exports.pushContextProvider = function(workInProgress : Fiber) : boolean {
   // We push the context as early as possible to ensure stack integrity.
   // If the instance does not exist yet, we will push null at first,
   // and replace it on the stack later when invalidating the context.
-  const memoizedMergedChildContext = (
-    instance &&
-    instance.__reactInternalMemoizedMergedChildContext
-  ) || emptyObject;
+  const memoizedMergedChildContext = (instance &&
+    instance.__reactInternalMemoizedMergedChildContext) ||
+    emptyObject;
 
   // Remember the parent context so we can merge with it later.
   previousContext = contextStackCursor.current;
@@ -230,12 +241,16 @@ exports.pushContextProvider = function(workInProgress : Fiber) : boolean {
   return true;
 };
 
-exports.invalidateContextProvider = function(workInProgress : Fiber) : void {
+exports.invalidateContextProvider = function(workInProgress: Fiber): void {
   const instance = workInProgress.stateNode;
   invariant(instance, 'Expected to have an instance by this point.');
 
   // Merge parent and own context.
-  const mergedContext = processChildContext(workInProgress, previousContext, true);
+  const mergedContext = processChildContext(
+    workInProgress,
+    previousContext,
+    true,
+  );
   instance.__reactInternalMemoizedMergedChildContext = mergedContext;
 
   // Replace the old (or empty) context with the new one.
@@ -247,21 +262,21 @@ exports.invalidateContextProvider = function(workInProgress : Fiber) : void {
   push(didPerformWorkStackCursor, true, workInProgress);
 };
 
-exports.resetContext = function() : void {
+exports.resetContext = function(): void {
   previousContext = emptyObject;
   contextStackCursor.current = emptyObject;
   didPerformWorkStackCursor.current = false;
 };
 
-exports.findCurrentUnmaskedContext = function(fiber: Fiber) : Object {
+exports.findCurrentUnmaskedContext = function(fiber: Fiber): Object {
   // Currently this is only used with renderSubtreeIntoContainer; not sure if it
   // makes sense elsewhere
   invariant(
     isFiberMounted(fiber) && fiber.tag === ClassComponent,
-    'Expected subtree parent to be a mounted class component'
+    'Expected subtree parent to be a mounted class component',
   );
 
-  let node : Fiber = fiber;
+  let node: Fiber = fiber;
   while (node.tag !== HostRoot) {
     if (isContextProvider(node)) {
       return node.stateNode.__reactInternalMemoizedMergedChildContext;
diff --git a/src/renderers/shared/fiber/ReactFiberDevToolsHook.js b/src/renderers/shared/fiber/ReactFiberDevToolsHook.js
index 6fc5666845..dbf88b8349 100644
--- a/src/renderers/shared/fiber/ReactFiberDevToolsHook.js
+++ b/src/renderers/shared/fiber/ReactFiberDevToolsHook.js
@@ -14,10 +14,10 @@
 
 var warning = require('fbjs/lib/warning');
 
-import type { Fiber } from 'ReactFiber';
-import type { FiberRoot } from 'ReactFiberRoot';
+import type {Fiber} from 'ReactFiber';
+import type {FiberRoot} from 'ReactFiberRoot';
 
-declare var __REACT_DEVTOOLS_GLOBAL_HOOK__ : Object | void;
+declare var __REACT_DEVTOOLS_GLOBAL_HOOK__: Object | void;
 
 let rendererID = null;
 let injectInternals = null;
@@ -33,12 +33,12 @@ if (
     onCommitFiberUnmount,
   } = __REACT_DEVTOOLS_GLOBAL_HOOK__;
 
-  injectInternals = function(internals : Object) {
+  injectInternals = function(internals: Object) {
     warning(rendererID == null, 'Cannot inject into DevTools twice.');
     rendererID = inject(internals);
   };
 
-  onCommitRoot = function(root : FiberRoot) {
+  onCommitRoot = function(root: FiberRoot) {
     if (rendererID == null) {
       return;
     }
@@ -52,7 +52,7 @@ if (
     }
   };
 
-  onCommitUnmount = function(fiber : Fiber) {
+  onCommitUnmount = function(fiber: Fiber) {
     if (rendererID == null) {
       return;
     }
diff --git a/src/renderers/shared/fiber/ReactFiberErrorLogger.js b/src/renderers/shared/fiber/ReactFiberErrorLogger.js
index 0a8a055911..30678fc082 100644
--- a/src/renderers/shared/fiber/ReactFiberErrorLogger.js
+++ b/src/renderers/shared/fiber/ReactFiberErrorLogger.js
@@ -12,9 +12,9 @@
 
 'use strict';
 
-import type { CapturedError } from 'ReactFiberScheduler';
+import type {CapturedError} from 'ReactFiberScheduler';
 
-function logCapturedError(capturedError : CapturedError) : void {
+function logCapturedError(capturedError: CapturedError): void {
   if (__DEV__) {
     const {
       componentName,
@@ -31,9 +31,7 @@ function logCapturedError(capturedError : CapturedError) : void {
       stack,
     } = error;
 
-    const errorSummary = message
-      ? `${name}: ${message}`
-      : name;
+    const errorSummary = message ? `${name}: ${message}` : name;
 
     const componentNameMessage = componentName
       ? `React caught an error thrown by ${componentName}.`
@@ -43,48 +41,45 @@ function logCapturedError(capturedError : CapturedError) : void {
     // Chrome prepends the Error name and type.
     // Firefox, Safari, and IE don't indent the stack lines.
     // Format it in a consistent way for error logging.
-    let formattedCallStack = stack.slice(0, errorSummary.length) === errorSummary
+    let formattedCallStack = stack.slice(0, errorSummary.length) ===
+      errorSummary
       ? stack.slice(errorSummary.length)
       : stack;
     formattedCallStack = formattedCallStack
       .trim()
       .split('\n')
-      .map((line) => `\n    ${line.trim()}`)
+      .map(line => `\n    ${line.trim()}`)
       .join();
 
     let errorBoundaryMessage;
     // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
     if (errorBoundaryFound && errorBoundaryName) {
       if (willRetry) {
-        errorBoundaryMessage =
-          `React will try to recreate this component tree from scratch ` +
+        errorBoundaryMessage = `React will try to recreate this component tree from scratch ` +
           `using the error boundary you provided, ${errorBoundaryName}.`;
       } else {
-        errorBoundaryMessage =
-          `This error was initially handled by the error boundary ${errorBoundaryName}. ` +
+        errorBoundaryMessage = `This error was initially handled by the error boundary ${errorBoundaryName}. ` +
           `Recreating the tree from scratch failed so React will unmount the tree.`;
       }
     } else {
       // TODO Link to unstable_handleError() documentation once it exists.
-      errorBoundaryMessage =
-        'Consider adding an error boundary to your tree to customize error handling behavior.';
+      errorBoundaryMessage = 'Consider adding an error boundary to your tree to customize error handling behavior.';
     }
 
     console.error(
       `${componentNameMessage} You should fix this error in your code. ${errorBoundaryMessage}\n\n` +
-      `${errorSummary}\n\n` +
-      `The error is located at: ${componentStack}\n\n` +
-      `The error was thrown at: ${formattedCallStack}`
+        `${errorSummary}\n\n` +
+        `The error is located at: ${componentStack}\n\n` +
+        `The error was thrown at: ${formattedCallStack}`,
     );
   }
 
   if (!__DEV__) {
-    const { error } = capturedError;
+    const {error} = capturedError;
     console.error(
-      `React caught an error thrown by one of your components.\n\n${error.stack}`
+      `React caught an error thrown by one of your components.\n\n${error.stack}`,
     );
   }
 }
 
 exports.logCapturedError = logCapturedError;
-
diff --git a/src/renderers/shared/fiber/ReactFiberHostContext.js b/src/renderers/shared/fiber/ReactFiberHostContext.js
index 8962a482ac..b6252bbc0f 100644
--- a/src/renderers/shared/fiber/ReactFiberHostContext.js
+++ b/src/renderers/shared/fiber/ReactFiberHostContext.js
@@ -12,9 +12,9 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { HostConfig } from 'ReactFiberReconciler';
-import type { StackCursor } from 'ReactFiberStack';
+import type {Fiber} from 'ReactFiber';
+import type {HostConfig} from 'ReactFiberReconciler';
+import type {StackCursor} from 'ReactFiberStack';
 
 const emptyObject = require('fbjs/lib/emptyObject');
 
@@ -27,38 +27,40 @@ const {
 const invariant = require('fbjs/lib/invariant');
 
 export type HostContext<C, CX> = {
-  getHostContext() : CX,
-  getRootHostContainer() : C,
-  popHostContainer(fiber : Fiber) : void,
-  popHostContext(fiber : Fiber) : void,
-  pushHostContainer(fiber : Fiber, container : C) : void,
-  pushHostContext(fiber : Fiber) : void,
-  resetHostContainer() : void,
+  getHostContext(): CX,
+  getRootHostContainer(): C,
+  popHostContainer(fiber: Fiber): void,
+  popHostContext(fiber: Fiber): void,
+  pushHostContainer(fiber: Fiber, container: C): void,
+  pushHostContext(fiber: Fiber): void,
+  resetHostContainer(): void,
 };
 
 module.exports = function<T, P, I, TI, PI, C, CX, PL>(
-  config : HostConfig<T, P, I, TI, PI, C, CX, PL>
-) : HostContext<C, CX> {
+  config: HostConfig<T, P, I, TI, PI, C, CX, PL>,
+): HostContext<C, CX> {
   const {
     getChildHostContext,
     getRootHostContext,
   } = config;
 
-  let contextStackCursor : StackCursor<CX | null> = createCursor((null: ?CX));
-  let contextFiberStackCursor : StackCursor<Fiber | null> = createCursor((null: Fiber | null));
-  let rootInstanceStackCursor : StackCursor<C | null> = createCursor((null: ?C));
+  let contextStackCursor: StackCursor<CX | null> = createCursor((null: ?CX));
+  let contextFiberStackCursor: StackCursor<Fiber | null> = createCursor(
+    (null: Fiber | null),
+  );
+  let rootInstanceStackCursor: StackCursor<C | null> = createCursor((null: ?C));
 
-  function getRootHostContainer() : C {
+  function getRootHostContainer(): C {
     const rootInstance = rootInstanceStackCursor.current;
     invariant(
       rootInstance !== null,
       'Expected root container to exist. This error is likely caused by a ' +
-      'bug in React. Please file an issue.'
+        'bug in React. Please file an issue.',
     );
     return rootInstance;
   }
 
-  function pushHostContainer(fiber : Fiber, nextRootInstance : C) {
+  function pushHostContainer(fiber: Fiber, nextRootInstance: C) {
     // Push current root instance onto the stack;
     // This allows us to reset root when portals are popped.
     push(rootInstanceStackCursor, nextRootInstance, fiber);
@@ -71,33 +73,33 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     push(contextStackCursor, nextRootContext, fiber);
   }
 
-  function popHostContainer(fiber : Fiber) {
+  function popHostContainer(fiber: Fiber) {
     pop(contextStackCursor, fiber);
     pop(contextFiberStackCursor, fiber);
     pop(rootInstanceStackCursor, fiber);
   }
 
-  function getHostContext() : CX {
+  function getHostContext(): CX {
     const context = contextStackCursor.current;
     invariant(
       context != null,
       'Expected host context to exist. This error is likely caused by a bug ' +
-      'in React. Please file an issue.'
+        'in React. Please file an issue.',
     );
     return context;
   }
 
-  function pushHostContext(fiber : Fiber) : void {
+  function pushHostContext(fiber: Fiber): void {
     const rootInstance = rootInstanceStackCursor.current;
     invariant(
       rootInstance != null,
       'Expected root host context to exist. This error is likely caused by ' +
-      'a bug in React. Please file an issue.'
+        'a bug in React. Please file an issue.',
     );
 
-    const context = contextStackCursor.current !== null ?
-      contextStackCursor.current :
-      emptyObject;
+    const context = contextStackCursor.current !== null
+      ? contextStackCursor.current
+      : emptyObject;
     const nextContext = getChildHostContext(context, fiber.type, rootInstance);
 
     // Don't push this Fiber's context unless it's unique.
@@ -111,7 +113,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     push(contextStackCursor, nextContext, fiber);
   }
 
-  function popHostContext(fiber : Fiber) : void {
+  function popHostContext(fiber: Fiber): void {
     // Do not pop unless this Fiber provided the current context.
     // pushHostContext() only pushes Fibers that provide unique contexts.
     if (contextFiberStackCursor.current !== fiber) {
diff --git a/src/renderers/shared/fiber/ReactFiberReconciler.js b/src/renderers/shared/fiber/ReactFiberReconciler.js
index f1ae92f1a3..75e96aa274 100644
--- a/src/renderers/shared/fiber/ReactFiberReconciler.js
+++ b/src/renderers/shared/fiber/ReactFiberReconciler.js
@@ -12,10 +12,10 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { FiberRoot } from 'ReactFiberRoot';
-import type { PriorityLevel } from 'ReactPriorityLevel';
-import type { ReactNodeList } from 'ReactTypes';
+import type {Fiber} from 'ReactFiber';
+import type {FiberRoot} from 'ReactFiberRoot';
+import type {PriorityLevel} from 'ReactPriorityLevel';
+import type {ReactNodeList} from 'ReactTypes';
 
 var {
   addTopLevelUpdate,
@@ -26,7 +26,7 @@ var {
   isContextProvider,
   processChildContext,
 } = require('ReactFiberContext');
-var { createFiberRoot } = require('ReactFiberRoot');
+var {createFiberRoot} = require('ReactFiberRoot');
 var ReactFiberScheduler = require('ReactFiberScheduler');
 
 if (__DEV__) {
@@ -36,106 +36,121 @@ if (__DEV__) {
   var getComponentName = require('getComponentName');
 }
 
-var { findCurrentHostFiber } = require('ReactFiberTreeReflection');
+var {findCurrentHostFiber} = require('ReactFiberTreeReflection');
 
 var getContextForSubtree = require('getContextForSubtree');
 
 export type Deadline = {
-  timeRemaining : () => number
+  timeRemaining: () => number,
 };
 
 type OpaqueHandle = Fiber;
 type OpaqueRoot = FiberRoot;
 
 export type HostConfig<T, P, I, TI, PI, C, CX, PL> = {
-
-  getRootHostContext(rootContainerInstance : C) : CX,
-  getChildHostContext(parentHostContext : CX, type : T) : CX,
-  getPublicInstance(instance : I | TI) : PI,
+  getRootHostContext(rootContainerInstance: C): CX,
+  getChildHostContext(parentHostContext: CX, type: T): CX,
+  getPublicInstance(instance: I | TI): PI,
 
   createInstance(
-    type : T,
-    props : P,
-    rootContainerInstance : C,
-    hostContext : CX,
-    internalInstanceHandle : OpaqueHandle
-  ) : I,
-  appendInitialChild(parentInstance : I, child : I | TI) : void,
-  finalizeInitialChildren(parentInstance : I, type : T, props : P, rootContainerInstance : C) : boolean,
+    type: T,
+    props: P,
+    rootContainerInstance: C,
+    hostContext: CX,
+    internalInstanceHandle: OpaqueHandle,
+  ): I,
+  appendInitialChild(parentInstance: I, child: I | TI): void,
+  finalizeInitialChildren(
+    parentInstance: I,
+    type: T,
+    props: P,
+    rootContainerInstance: C,
+  ): boolean,
 
   prepareUpdate(
-    instance : I,
-    type : T,
-    oldProps : P,
-    newProps : P,
-    rootContainerInstance : C,
-    hostContext : CX
-  ) : null | PL,
+    instance: I,
+    type: T,
+    oldProps: P,
+    newProps: P,
+    rootContainerInstance: C,
+    hostContext: CX,
+  ): null | PL,
   commitUpdate(
-    instance : I,
-    updatePayload : PL,
-    type : T,
-    oldProps : P,
-    newProps : P,
-    internalInstanceHandle : OpaqueHandle
-  ) : void,
-  commitMount(instance : I, type : T, newProps : P, internalInstanceHandle : OpaqueHandle) : void,
+    instance: I,
+    updatePayload: PL,
+    type: T,
+    oldProps: P,
+    newProps: P,
+    internalInstanceHandle: OpaqueHandle,
+  ): void,
+  commitMount(
+    instance: I,
+    type: T,
+    newProps: P,
+    internalInstanceHandle: OpaqueHandle,
+  ): void,
 
-  shouldSetTextContent(props : P) : boolean,
-  resetTextContent(instance : I) : void,
-  shouldDeprioritizeSubtree(type : T, props : P) : boolean,
+  shouldSetTextContent(props: P): boolean,
+  resetTextContent(instance: I): void,
+  shouldDeprioritizeSubtree(type: T, props: P): boolean,
 
   createTextInstance(
-    text : string,
-    rootContainerInstance : C,
-    hostContext : CX,
-    internalInstanceHandle : OpaqueHandle
-  ) : TI,
-  commitTextUpdate(textInstance : TI, oldText : string, newText : string) : void,
+    text: string,
+    rootContainerInstance: C,
+    hostContext: CX,
+    internalInstanceHandle: OpaqueHandle,
+  ): TI,
+  commitTextUpdate(textInstance: TI, oldText: string, newText: string): void,
 
-  appendChild(parentInstance : I | C, child : I | TI) : void,
-  insertBefore(parentInstance : I | C, child : I | TI, beforeChild : I | TI) : void,
-  removeChild(parentInstance : I | C, child : I | TI) : void,
+  appendChild(parentInstance: I | C, child: I | TI): void,
+  insertBefore(parentInstance: I | C, child: I | TI, beforeChild: I | TI): void,
+  removeChild(parentInstance: I | C, child: I | TI): void,
 
-  scheduleAnimationCallback(callback : () => void) : number | void,
-  scheduleDeferredCallback(callback : (deadline : Deadline) => void) : number | void,
+  scheduleAnimationCallback(callback: () => void): number | void,
+  scheduleDeferredCallback(callback: (deadline: Deadline) => void):
+    | number
+    | void,
 
-  prepareForCommit() : void,
-  resetAfterCommit() : void,
+  prepareForCommit(): void,
+  resetAfterCommit(): void,
 
-  useSyncScheduling ?: boolean,
+  useSyncScheduling?: boolean,
 };
 
 export type Reconciler<C, I, TI> = {
-  createContainer(containerInfo : C) : OpaqueRoot,
+  createContainer(containerInfo: C): OpaqueRoot,
   updateContainer(
-    element : ReactNodeList,
-    container : OpaqueRoot,
-    parentComponent : ?ReactComponent<any, any, any>
-  ) : void,
-  performWithPriority(priorityLevel : PriorityLevel, fn : Function) : void,
-  batchedUpdates<A>(fn : () => A) : A,
-  unbatchedUpdates<A>(fn : () => A) : A,
-  syncUpdates<A>(fn : () => A) : A,
-  deferredUpdates<A>(fn : () => A) : A,
+    element: ReactNodeList,
+    container: OpaqueRoot,
+    parentComponent: ?ReactComponent<any, any, any>,
+  ): void,
+  performWithPriority(priorityLevel: PriorityLevel, fn: Function): void,
+  batchedUpdates<A>(fn: () => A): A,
+  unbatchedUpdates<A>(fn: () => A): A,
+  syncUpdates<A>(fn: () => A): A,
+  deferredUpdates<A>(fn: () => A): A,
 
   // Used to extract the return value from the initial render. Legacy API.
-  getPublicRootInstance(container : OpaqueRoot) : (ReactComponent<any, any, any> | TI | I | null),
+  getPublicRootInstance(container: OpaqueRoot):
+    | ReactComponent<any, any, any>
+    | TI
+    | I
+    | null,
 
   // Use for findDOMNode/findHostNode. Legacy API.
-  findHostInstance(component : Fiber) : I | TI | null,
+  findHostInstance(component: Fiber): I | TI | null,
 };
 
-getContextForSubtree._injectFiber(function(fiber : Fiber) {
+getContextForSubtree._injectFiber(function(fiber: Fiber) {
   const parentContext = findCurrentUnmaskedContext(fiber);
-  return isContextProvider(fiber) ?
-    processChildContext(fiber, parentContext, false) :
-    parentContext;
+  return isContextProvider(fiber)
+    ? processChildContext(fiber, parentContext, false)
+    : parentContext;
 });
 
 module.exports = function<T, P, I, TI, PI, C, CX, PL>(
-  config : HostConfig<T, P, I, TI, PI, C, CX, PL>
-) : Reconciler<C, I, TI> {
+  config: HostConfig<T, P, I, TI, PI, C, CX, PL>,
+): Reconciler<C, I, TI> {
   var {
     scheduleUpdate,
     getPriorityContext,
@@ -146,7 +161,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
     deferredUpdates,
   } = ReactFiberScheduler(config);
 
-  function scheduleTopLevelUpdate(current : Fiber, element : ReactNodeList, callback : ?Function) {
+  function scheduleTopLevelUpdate(
+    current: Fiber,
+    element: ReactNodeList,
+    callback: ?Function,
+  ) {
     if (__DEV__) {
       if (
         ReactDebugCurrentFiber.phase === 'render' &&
@@ -155,23 +174,23 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
         warning(
           false,
           'Render methods should be a pure function of props and state; ' +
-          'triggering nested component updates from render is not allowed. ' +
-          'If necessary, trigger nested updates in componentDidUpdate.\n\n' +
-          'Check the render method of %s.',
-          getComponentName(ReactDebugCurrentFiber.current) || 'Unknown'
+            'triggering nested component updates from render is not allowed. ' +
+            'If necessary, trigger nested updates in componentDidUpdate.\n\n' +
+            'Check the render method of %s.',
+          getComponentName(ReactDebugCurrentFiber.current) || 'Unknown',
         );
       }
     }
 
     const priorityLevel = getPriorityContext();
-    const nextState = { element };
+    const nextState = {element};
     callback = callback === undefined ? null : callback;
     if (__DEV__) {
       warning(
         callback === null || typeof callback === 'function',
         'render(...): Expected the last optional `callback` argument to be a ' +
-        'function. Instead received: %s.',
-        callback
+          'function. Instead received: %s.',
+        callback,
       );
     }
     addTopLevelUpdate(current, nextState, callback, priorityLevel);
@@ -179,17 +198,16 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
   }
 
   return {
-
-    createContainer(containerInfo : C) : OpaqueRoot {
+    createContainer(containerInfo: C): OpaqueRoot {
       return createFiberRoot(containerInfo);
     },
 
     updateContainer(
-      element : ReactNodeList,
-      container : OpaqueRoot,
-      parentComponent : ?ReactComponent<any, any, any>,
-      callback: ?Function
-    ) : void {
+      element: ReactNodeList,
+      container: OpaqueRoot,
+      parentComponent: ?ReactComponent<any, any, any>,
+      callback: ?Function,
+    ): void {
       // TODO: If this is a nested container, this won't be the root.
       const current = container.current;
 
@@ -225,7 +243,9 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
 
     deferredUpdates,
 
-    getPublicRootInstance(container : OpaqueRoot) : (ReactComponent<any, any, any> | I | TI | null) {
+    getPublicRootInstance(
+      container: OpaqueRoot,
+    ): ReactComponent<any, any, any> | I | TI | null {
       const containerFiber = container.current;
       if (!containerFiber.child) {
         return null;
@@ -233,14 +253,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(
       return containerFiber.child.stateNode;
     },
 
-    findHostInstance(fiber : Fiber) : I | TI | null {
+    findHostInstance(fiber: Fiber): I | TI | null {
       const hostFiber = findCurrentHostFiber(fiber);
       if (hostFiber === null) {
         return null;
       }
       return hostFiber.stateNode;
     },
-
   };
-
 };
diff --git a/src/renderers/shared/fiber/ReactFiberRoot.js b/src/renderers/shared/fiber/ReactFiberRoot.js
index f93dff9ba3..409b706554 100644
--- a/src/renderers/shared/fiber/ReactFiberRoot.js
+++ b/src/renderers/shared/fiber/ReactFiberRoot.js
@@ -12,9 +12,9 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
+import type {Fiber} from 'ReactFiber';
 
-const { createHostRootFiber } = require('ReactFiber');
+const {createHostRootFiber} = require('ReactFiber');
 
 export type FiberRoot = {
   // Any additional information from the host associated with this root.
@@ -30,7 +30,7 @@ export type FiberRoot = {
   pendingContext: Object | null,
 };
 
-exports.createFiberRoot = function(containerInfo : any) : FiberRoot {
+exports.createFiberRoot = function(containerInfo: any): FiberRoot {
   // Cyclic construction. This cheats the type system right now because
   // stateNode is any.
   const uninitializedFiber = createHostRootFiber();
diff --git a/src/renderers/shared/fiber/ReactFiberScheduler.js b/src/renderers/shared/fiber/ReactFiberScheduler.js
index 3f1698d4c8..290efb7cab 100644
--- a/src/renderers/shared/fiber/ReactFiberScheduler.js
+++ b/src/renderers/shared/fiber/ReactFiberScheduler.js
@@ -12,34 +12,34 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { FiberRoot } from 'ReactFiberRoot';
-import type { HostConfig, Deadline } from 'ReactFiberReconciler';
-import type { PriorityLevel } from 'ReactPriorityLevel';
+import type {Fiber} from 'ReactFiber';
+import type {FiberRoot} from 'ReactFiberRoot';
+import type {HostConfig, Deadline} from 'ReactFiberReconciler';
+import type {PriorityLevel} from 'ReactPriorityLevel';
 
 export type CapturedError = {
-  componentName : ?string,
-  componentStack : string,
-  error : Error,
-  errorBoundary : ?Object,
-  errorBoundaryFound : boolean,
-  errorBoundaryName : string | null,
-  willRetry : boolean,
+  componentName: ?string,
+  componentStack: string,
+  error: Error,
+  errorBoundary: ?Object,
+  errorBoundaryFound: boolean,
+  errorBoundaryName: string | null,
+  willRetry: boolean,
 };
 
 export type HandleErrorInfo = {
-  componentStack : string,
+  componentStack: string,
 };
 
 var {
   popContextProvider,
 } = require('ReactFiberContext');
-const { reset } = require('ReactFiberStack');
+const {reset} = require('ReactFiberStack');
 var {
   getStackAddendumByWorkInProgressFiber,
 } = require('ReactFiberComponentTreeHook');
-var { logCapturedError } = require('ReactFiberErrorLogger');
-var { invokeGuardedCallback } = require('ReactErrorUtils');
+var {logCapturedError} = require('ReactFiberErrorLogger');
+var {invokeGuardedCallback} = require('ReactErrorUtils');
 
 var ReactFiberBeginWork = require('ReactFiberBeginWork');
 var ReactFiberCompleteWork = require('ReactFiberCompleteWork');
@@ -49,8 +49,8 @@ var ReactCurrentOwner = require('react/lib/ReactCurrentOwner');
 var ReactFeatureFlags = require('ReactFeatureFlags');
 var getComponentName = require('getComponentName');
 
-var { cloneFiber } = require('ReactFiber');
-var { onCommitRoot } = require('ReactFiberDevToolsHook');
+var {cloneFiber} = require('ReactFiber');
+var {onCommitRoot} = require('ReactFiberDevToolsHook');
 
 var {
   NoWork,
@@ -110,19 +110,19 @@ if (__DEV__) {
     stopCommitLifeCyclesTimer,
   } = require('ReactDebugFiberPerf');
 
-  var warnAboutUpdateOnUnmounted = function(instance : ReactClass<any>) {
+  var warnAboutUpdateOnUnmounted = function(instance: ReactClass<any>) {
     const ctor = instance.constructor;
     warning(
       false,
       'Can only update a mounted or mounting component. This usually means ' +
-      'you called setState, replaceState, or forceUpdate on an unmounted ' +
-      'component. This is a no-op.\n\nPlease check the code for the ' +
-      '%s component.',
-      ctor && (ctor.displayName || ctor.name) || 'ReactClass'
+        'you called setState, replaceState, or forceUpdate on an unmounted ' +
+        'component. This is a no-op.\n\nPlease check the code for the ' +
+        '%s component.',
+      (ctor && (ctor.displayName || ctor.name)) || 'ReactClass',
     );
   };
 
-  var warnAboutInvalidUpdates = function(instance : ReactClass<any>) {
+  var warnAboutInvalidUpdates = function(instance: ReactClass<any>) {
     switch (ReactDebugCurrentFiber.phase) {
       case 'getChildContext':
         warning(
@@ -134,9 +134,9 @@ if (__DEV__) {
         warning(
           false,
           'Cannot update during an existing state transition (such as within ' +
-          '`render` or another component\'s constructor). Render methods should ' +
-          'be a pure function of props and state; constructor side-effects are ' +
-          'an anti-pattern, but can be moved to `componentWillMount`.'
+            "`render` or another component's constructor). Render methods should " +
+            'be a pure function of props and state; constructor side-effects are ' +
+            'an anti-pattern, but can be moved to `componentWillMount`.',
         );
         break;
     }
@@ -145,16 +145,18 @@ if (__DEV__) {
 
 var timeHeuristicForUnitOfWork = 1;
 
-module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P, I, TI, PI, C, CX, PL>) {
+module.exports = function<T, P, I, TI, PI, C, CX, PL>(
+  config: HostConfig<T, P, I, TI, PI, C, CX, PL>,
+) {
   const hostContext = ReactFiberHostContext(config);
-  const { popHostContainer, popHostContext, resetHostContainer } = hostContext;
-  const { beginWork, beginFailedWork } = ReactFiberBeginWork(
+  const {popHostContainer, popHostContext, resetHostContainer} = hostContext;
+  const {beginWork, beginFailedWork} = ReactFiberBeginWork(
     config,
     hostContext,
     scheduleUpdate,
     getPriorityContext,
   );
-  const { completeWork } = ReactFiberCompleteWork(config, hostContext);
+  const {completeWork} = ReactFiberCompleteWork(config, hostContext);
   const {
     commitPlacement,
     commitDeletion,
@@ -173,55 +175,55 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
 
   // The priority level to use when scheduling an update.
   // TODO: Should we change this to an array? Might be less confusing.
-  let priorityContext : PriorityLevel = useSyncScheduling ?
-    SynchronousPriority :
-    LowPriority;
+  let priorityContext: PriorityLevel = useSyncScheduling
+    ? SynchronousPriority
+    : LowPriority;
 
   // Keep track of this so we can reset the priority context if an error
   // is thrown during reconciliation.
-  let priorityContextBeforeReconciliation : PriorityLevel = NoWork;
+  let priorityContextBeforeReconciliation: PriorityLevel = NoWork;
 
   // Keeps track of whether we're currently in a work loop.
-  let isPerformingWork : boolean = false;
+  let isPerformingWork: boolean = false;
 
   // Keeps track of whether the current deadline has expired.
-  let deadlineHasExpired : boolean = false;
+  let deadlineHasExpired: boolean = false;
 
   // Keeps track of whether we should should batch sync updates.
-  let isBatchingUpdates : boolean = false;
+  let isBatchingUpdates: boolean = false;
 
   // The next work in progress fiber that we're currently working on.
-  let nextUnitOfWork : Fiber | null = null;
-  let nextPriorityLevel : PriorityLevel = NoWork;
+  let nextUnitOfWork: Fiber | null = null;
+  let nextPriorityLevel: PriorityLevel = NoWork;
 
   // The next fiber with an effect that we're currently committing.
-  let nextEffect : Fiber | null = null;
+  let nextEffect: Fiber | null = null;
 
-  let pendingCommit : Fiber | null = null;
+  let pendingCommit: Fiber | null = null;
 
   // Linked list of roots with scheduled work on them.
-  let nextScheduledRoot : FiberRoot | null = null;
-  let lastScheduledRoot : FiberRoot | null = null;
+  let nextScheduledRoot: FiberRoot | null = null;
+  let lastScheduledRoot: FiberRoot | null = null;
 
   // Keep track of which host environment callbacks are scheduled.
-  let isAnimationCallbackScheduled : boolean = false;
-  let isDeferredCallbackScheduled : boolean = false;
+  let isAnimationCallbackScheduled: boolean = false;
+  let isDeferredCallbackScheduled: boolean = false;
 
   // Keep track of which fibers have captured an error that need to be handled.
   // Work is removed from this collection after unstable_handleError is called.
-  let capturedErrors : Map<Fiber, CapturedError> | null = null;
+  let capturedErrors: Map<Fiber, CapturedError> | null = null;
   // Keep track of which fibers have failed during the current batch of work.
   // This is a different set than capturedErrors, because it is not reset until
   // the end of the batch. This is needed to propagate errors correctly if a
   // subtree fails more than once.
-  let failedBoundaries : Set<Fiber> | null = null;
+  let failedBoundaries: Set<Fiber> | null = null;
   // Error boundaries that captured an error during the current commit.
-  let commitPhaseBoundaries : Set<Fiber> | null = null;
-  let firstUncaughtError : Error | null = null;
-  let fatalError : Error | null = null;
+  let commitPhaseBoundaries: Set<Fiber> | null = null;
+  let firstUncaughtError: Error | null = null;
+  let fatalError: Error | null = null;
 
-  let isCommitting : boolean = false;
-  let isUnmounting : boolean = false;
+  let isCommitting: boolean = false;
+  let isUnmounting: boolean = false;
 
   function scheduleAnimationCallback(callback) {
     if (!isAnimationCallbackScheduled) {
@@ -250,7 +252,10 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
   // the work loop.
   function findNextUnitOfWork() {
     // Clear out roots with no more work on them, or if they have uncaught errors
-    while (nextScheduledRoot !== null && nextScheduledRoot.current.pendingWorkPriority === NoWork) {
+    while (
+      nextScheduledRoot !== null &&
+      nextScheduledRoot.current.pendingWorkPriority === NoWork
+    ) {
       // Unschedule this root.
       nextScheduledRoot.isScheduled = false;
       // Read the next pointer now.
@@ -273,9 +278,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     let highestPriorityRoot = null;
     let highestPriorityLevel = NoWork;
     while (root !== null) {
-      if (root.current.pendingWorkPriority !== NoWork && (
-          highestPriorityLevel === NoWork ||
-          highestPriorityLevel > root.current.pendingWorkPriority)) {
+      if (
+        root.current.pendingWorkPriority !== NoWork &&
+        (highestPriorityLevel === NoWork ||
+          highestPriorityLevel > root.current.pendingWorkPriority)
+      ) {
         highestPriorityLevel = root.current.pendingWorkPriority;
         highestPriorityRoot = root;
       }
@@ -293,10 +300,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
       // unfortunately this is it.
       resetContextStack();
 
-      return cloneFiber(
-        highestPriorityRoot.current,
-        highestPriorityLevel
-      );
+      return cloneFiber(highestPriorityRoot.current, highestPriorityLevel);
     }
 
     nextPriorityLevel = NoWork;
@@ -409,7 +413,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function commitAllWork(finishedWork : Fiber) {
+  function commitAllWork(finishedWork: Fiber) {
     // We keep track of this so that captureError can collect any boundaries
     // that capture an error during the commit phase. The reason these aren't
     // local to this function is because errors that occur during cWU are
@@ -420,12 +424,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
 
     pendingCommit = null;
-    const root : FiberRoot = (finishedWork.stateNode : any);
+    const root: FiberRoot = (finishedWork.stateNode: any);
     invariant(
       root.current !== finishedWork,
       'Cannot commit the same tree as before. This is probably a bug ' +
-      'related to the return field. This error is likely caused by a bug ' +
-      'in React. Please file an issue.'
+        'related to the return field. This error is likely caused by a bug ' +
+        'in React. Please file an issue.',
     );
 
     // Reset this to null before calling lifecycles
@@ -464,7 +468,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     while (nextEffect !== null) {
       let error = null;
       if (__DEV__) {
-        error = invokeGuardedCallback(null, commitAllHostEffects, null, finishedWork);
+        error = invokeGuardedCallback(
+          null,
+          commitAllHostEffects,
+          null,
+          finishedWork,
+        );
       } else {
         try {
           commitAllHostEffects(finishedWork);
@@ -476,7 +485,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
         invariant(
           nextEffect !== null,
           'Should have next effect. This error is likely caused by a bug ' +
-          'in React. Please file an issue.'
+            'in React. Please file an issue.',
         );
         captureError(nextEffect, error);
         // Clean-up
@@ -508,7 +517,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     while (nextEffect !== null) {
       let error = null;
       if (__DEV__) {
-        error = invokeGuardedCallback(null, commitAllLifeCycles, null, finishedWork);
+        error = invokeGuardedCallback(
+          null,
+          commitAllLifeCycles,
+          null,
+          finishedWork,
+        );
       } else {
         try {
           commitAllLifeCycles(finishedWork);
@@ -520,7 +534,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
         invariant(
           nextEffect !== null,
           'Should have next effect. This error is likely caused by a bug ' +
-          'in React. Please file an issue.'
+            'in React. Please file an issue.',
         );
         captureError(nextEffect, error);
         if (nextEffect !== null) {
@@ -551,7 +565,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     priorityContext = previousPriorityContext;
   }
 
-  function resetWorkPriority(workInProgress : Fiber) {
+  function resetWorkPriority(workInProgress: Fiber) {
     let newPriority = NoWork;
 
     // Check for pending update priority. This is usually null so it shouldn't
@@ -569,9 +583,10 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     let child = workInProgress.progressedChild;
     while (child !== null) {
       // Ensure that remaining work priority bubbles up.
-      if (child.pendingWorkPriority !== NoWork &&
-          (newPriority === NoWork ||
-          newPriority > child.pendingWorkPriority)) {
+      if (
+        child.pendingWorkPriority !== NoWork &&
+        (newPriority === NoWork || newPriority > child.pendingWorkPriority)
+      ) {
         newPriority = child.pendingWorkPriority;
       }
       child = child.sibling;
@@ -579,7 +594,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     workInProgress.pendingWorkPriority = newPriority;
   }
 
-  function completeUnitOfWork(workInProgress : Fiber) : Fiber | null {
+  function completeUnitOfWork(workInProgress: Fiber): Fiber | null {
     while (true) {
       // The current, flushed, state of this fiber is the alternate.
       // Ideally nothing should rely on this, but relying on it here
@@ -665,7 +680,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function performUnitOfWork(workInProgress : Fiber) : Fiber | null {
+  function performUnitOfWork(workInProgress: Fiber): Fiber | null {
     // The current, flushed, state of this fiber is the alternate.
     // Ideally nothing should rely on this, but relying on it here
     // means that we don't need an additional field on the work in
@@ -694,8 +709,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     return next;
   }
 
-  function performFailedUnitOfWork(workInProgress : Fiber) : Fiber | null {
-
+  function performFailedUnitOfWork(workInProgress: Fiber): Fiber | null {
     // The current, flushed, state of this fiber is the alternate.
     // Ideally nothing should rely on this, but relying on it here
     // means that we don't need an additional field on the work in
@@ -741,10 +755,13 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
       nextUnitOfWork = findNextUnitOfWork();
     }
     // Keep performing work until there are no more errors
-    while (capturedErrors !== null && capturedErrors.size &&
-           nextUnitOfWork !== null &&
-           nextPriorityLevel !== NoWork &&
-           nextPriorityLevel <= TaskPriority) {
+    while (
+      capturedErrors !== null &&
+      capturedErrors.size &&
+      nextUnitOfWork !== null &&
+      nextPriorityLevel !== NoWork &&
+      nextPriorityLevel <= TaskPriority
+    ) {
       if (hasCapturedError(nextUnitOfWork)) {
         // Use a forked version of performUnitOfWork
         nextUnitOfWork = performFailedUnitOfWork(nextUnitOfWork);
@@ -761,7 +778,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function workLoop(priorityLevel, deadline : Deadline | null) {
+  function workLoop(priorityLevel, deadline: Deadline | null) {
     // Clear any errors.
     clearErrors();
 
@@ -813,9 +830,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
       // If there's no deadline, or if we're performing Task work, use this loop
       // that doesn't check how much time is remaining. It will keep running
       // until we run out of work at this priority level.
-      while (nextUnitOfWork !== null &&
-             nextPriorityLevel !== NoWork &&
-             nextPriorityLevel <= priorityLevel) {
+      while (
+        nextUnitOfWork !== null &&
+        nextPriorityLevel !== NoWork &&
+        nextPriorityLevel <= priorityLevel
+      ) {
         nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
         if (nextUnitOfWork === null) {
           nextUnitOfWork = findNextUnitOfWork();
@@ -831,7 +850,10 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function performWork(priorityLevel : PriorityLevel, deadline : Deadline | null) {
+  function performWork(
+    priorityLevel: PriorityLevel,
+    deadline: Deadline | null,
+  ) {
     if (__DEV__) {
       startWorkLoopTimer();
     }
@@ -839,7 +861,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     invariant(
       !isPerformingWork,
       'performWork was called recursively. This error is likely caused ' +
-      'by a bug in React. Please file an issue.'
+        'by a bug in React. Please file an issue.',
     );
     isPerformingWork = true;
     const isPerformingDeferredWork = !!deadline;
@@ -849,9 +871,9 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     // deferred batch.
     while (priorityLevel !== NoWork && !fatalError) {
       invariant(
-        deadline !== null || (priorityLevel < HighPriority),
+        deadline !== null || priorityLevel < HighPriority,
         'Cannot perform deferred work without a deadline. This error is ' +
-        'likely caused by a bug in React. Please file an issue.'
+          'likely caused by a bug in React. Please file an issue.',
       );
 
       // Before starting any work, check to see if there are any pending
@@ -866,7 +888,13 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
       priorityContextBeforeReconciliation = priorityContext;
       let error = null;
       if (__DEV__) {
-        error = invokeGuardedCallback(null, workLoop, null, priorityLevel, deadline);
+        error = invokeGuardedCallback(
+          null,
+          workLoop,
+          null,
+          priorityLevel,
+          deadline,
+        );
       } else {
         try {
           workLoop(priorityLevel, deadline);
@@ -919,7 +947,11 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
 
       // If have we more work, and we're in a deferred batch, check to see
       // if the deadline has expired.
-      if (nextPriorityLevel !== NoWork && isPerformingDeferredWork && !deadlineHasExpired) {
+      if (
+        nextPriorityLevel !== NoWork &&
+        isPerformingDeferredWork &&
+        !deadlineHasExpired
+      ) {
         // We have more time to do work.
         priorityLevel = nextPriorityLevel;
         continue;
@@ -970,7 +1002,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
   }
 
   // Returns the boundary that captured the error, or null if the error is ignored
-  function captureError(failedWork : Fiber, error : Error) : Fiber | null {
+  function captureError(failedWork: Fiber, error: Error): Fiber | null {
     // It is no longer valid because we exited the user code.
     ReactCurrentOwner.current = null;
     if (__DEV__) {
@@ -981,12 +1013,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     nextUnitOfWork = null;
 
     // Search for the nearest error boundary.
-    let boundary : Fiber | null = null;
+    let boundary: Fiber | null = null;
 
     // Passed to logCapturedError()
-    let errorBoundaryFound : boolean = false;
-    let willRetry : boolean = false;
-    let errorBoundaryName : string | null = null;
+    let errorBoundaryFound: boolean = false;
+    let willRetry: boolean = false;
+    let errorBoundaryName: string | null = null;
 
     // Host containers are a special case. If the failed work itself is a host
     // container, then it acts as its own boundary. In all other cases, we
@@ -1032,10 +1064,12 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
           // this boundary already captured an error during this commit.
           // This case exists because multiple errors can be thrown during
           // a single commit without interruption.
-          if (commitPhaseBoundaries !== null && (
-            commitPhaseBoundaries.has(node) ||
-            (node.alternate !== null && commitPhaseBoundaries.has(node.alternate))
-          )) {
+          if (
+            commitPhaseBoundaries !== null &&
+            (commitPhaseBoundaries.has(node) ||
+              (node.alternate !== null &&
+                commitPhaseBoundaries.has(node.alternate)))
+          ) {
             // If so, we should ignore this error.
             return null;
           }
@@ -1100,25 +1134,23 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     return null;
   }
 
-  function hasCapturedError(fiber : Fiber) : boolean {
+  function hasCapturedError(fiber: Fiber): boolean {
     // TODO: capturedErrors should store the boundary instance, to avoid needing
     // to check the alternate.
-    return (
-      capturedErrors !== null &&
-      (capturedErrors.has(fiber) || (fiber.alternate !== null && capturedErrors.has(fiber.alternate)))
-    );
+    return capturedErrors !== null &&
+      (capturedErrors.has(fiber) ||
+        (fiber.alternate !== null && capturedErrors.has(fiber.alternate)));
   }
 
-  function isFailedBoundary(fiber : Fiber) : boolean {
+  function isFailedBoundary(fiber: Fiber): boolean {
     // TODO: failedBoundaries should store the boundary instance, to avoid
     // needing to check the alternate.
-    return (
-      failedBoundaries !== null &&
-      (failedBoundaries.has(fiber) || (fiber.alternate !== null && failedBoundaries.has(fiber.alternate)))
-    );
+    return failedBoundaries !== null &&
+      (failedBoundaries.has(fiber) ||
+        (fiber.alternate !== null && failedBoundaries.has(fiber.alternate)));
   }
 
-  function commitErrorHandling(effectfulFiber : Fiber) {
+  function commitErrorHandling(effectfulFiber: Fiber) {
     let capturedError;
     if (capturedErrors !== null) {
       capturedError = capturedErrors.get(effectfulFiber);
@@ -1135,7 +1167,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     invariant(
       capturedError != null,
       'No error for given unit of work. This error is likely caused by a ' +
-      'bug in React. Please file an issue.'
+        'bug in React. Please file an issue.',
     );
 
     const error = capturedError.error;
@@ -1151,7 +1183,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
       case ClassComponent:
         const instance = effectfulFiber.stateNode;
 
-        const info : HandleErrorInfo = {
+        const info: HandleErrorInfo = {
           componentStack: capturedError.componentStack,
         };
 
@@ -1171,14 +1203,14 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
         invariant(
           false,
           'Invalid type of work. This error is likely caused by a bug in ' +
-          'React. Please file an issue.'
+            'React. Please file an issue.',
         );
     }
   }
 
-  function unwindContexts(from : Fiber, to: Fiber) {
+  function unwindContexts(from: Fiber, to: Fiber) {
     let node = from;
-    while (node !== null && (node !== to) && (node.alternate !== to)) {
+    while (node !== null && node !== to && node.alternate !== to) {
       switch (node.tag) {
         case ClassComponent:
           popContextProvider(node);
@@ -1200,7 +1232,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function scheduleRoot(root : FiberRoot, priorityLevel : PriorityLevel) {
+  function scheduleRoot(root: FiberRoot, priorityLevel: PriorityLevel) {
     if (priorityLevel === NoWork) {
       return;
     }
@@ -1219,7 +1251,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function scheduleUpdate(fiber : Fiber, priorityLevel : PriorityLevel) {
+  function scheduleUpdate(fiber: Fiber, priorityLevel: PriorityLevel) {
     if (__DEV__) {
       recordScheduleUpdate();
     }
@@ -1245,15 +1277,19 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
       // we reach a node whose priority matches (and whose alternate's priority
       // matches) we can exit safely knowing that the rest of the path is correct.
       shouldContinue = false;
-      if (node.pendingWorkPriority === NoWork ||
-          node.pendingWorkPriority > priorityLevel) {
+      if (
+        node.pendingWorkPriority === NoWork ||
+        node.pendingWorkPriority > priorityLevel
+      ) {
         // Priority did not match. Update and keep going.
         shouldContinue = true;
         node.pendingWorkPriority = priorityLevel;
       }
       if (node.alternate !== null) {
-        if (node.alternate.pendingWorkPriority === NoWork ||
-            node.alternate.pendingWorkPriority > priorityLevel) {
+        if (
+          node.alternate.pendingWorkPriority === NoWork ||
+          node.alternate.pendingWorkPriority > priorityLevel
+        ) {
           // Priority did not match. Update and keep going.
           shouldContinue = true;
           node.alternate.pendingWorkPriority = priorityLevel;
@@ -1261,7 +1297,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
       }
       if (node.return === null) {
         if (node.tag === HostRoot) {
-          const root : FiberRoot = (node.stateNode : any);
+          const root: FiberRoot = (node.stateNode: any);
           scheduleRoot(root, priorityLevel);
           // Depending on the priority level, either perform work now or
           // schedule a callback to perform work later.
@@ -1295,20 +1331,23 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function getPriorityContext() : PriorityLevel {
+  function getPriorityContext(): PriorityLevel {
     // If we're in a batch, or if we're already performing work, downgrade sync
     // priority to task priority
-    if (priorityContext === SynchronousPriority && (isPerformingWork || isBatchingUpdates)) {
+    if (
+      priorityContext === SynchronousPriority &&
+      (isPerformingWork || isBatchingUpdates)
+    ) {
       return TaskPriority;
     }
     return priorityContext;
   }
 
-  function scheduleErrorRecovery(fiber : Fiber) {
+  function scheduleErrorRecovery(fiber: Fiber) {
     scheduleUpdate(fiber, TaskPriority);
   }
 
-  function performWithPriority(priorityLevel : PriorityLevel, fn : Function) {
+  function performWithPriority(priorityLevel: PriorityLevel, fn: Function) {
     const previousPriorityContext = priorityContext;
     priorityContext = priorityLevel;
     try {
@@ -1318,7 +1357,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function batchedUpdates<A, R>(fn : (a: A) => R, a : A) : R {
+  function batchedUpdates<A, R>(fn: (a: A) => R, a: A): R {
     const previousIsBatchingUpdates = isBatchingUpdates;
     isBatchingUpdates = true;
     try {
@@ -1333,7 +1372,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function unbatchedUpdates<A>(fn : () => A) : A {
+  function unbatchedUpdates<A>(fn: () => A): A {
     const previousIsBatchingUpdates = isBatchingUpdates;
     isBatchingUpdates = false;
     try {
@@ -1343,7 +1382,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function syncUpdates<A>(fn : () => A) : A {
+  function syncUpdates<A>(fn: () => A): A {
     const previousPriorityContext = priorityContext;
     priorityContext = SynchronousPriority;
     try {
@@ -1353,7 +1392,7 @@ module.exports = function<T, P, I, TI, PI, C, CX, PL>(config : HostConfig<T, P,
     }
   }
 
-  function deferredUpdates<A>(fn : () => A) : A {
+  function deferredUpdates<A>(fn: () => A): A {
     const previousPriorityContext = priorityContext;
     priorityContext = LowPriority;
     try {
diff --git a/src/renderers/shared/fiber/ReactFiberStack.js b/src/renderers/shared/fiber/ReactFiberStack.js
index 9ba1734274..697271eaee 100644
--- a/src/renderers/shared/fiber/ReactFiberStack.js
+++ b/src/renderers/shared/fiber/ReactFiberStack.js
@@ -12,36 +12,33 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
+import type {Fiber} from 'ReactFiber';
 
 export type StackCursor<T> = {
-  current: T
+  current: T,
 };
 
 const warning = require('fbjs/lib/warning');
 
-const valueStack : Array<any> = [];
+const valueStack: Array<any> = [];
 
 if (__DEV__) {
-  var fiberStack : Array<Fiber | null> = [];
+  var fiberStack: Array<Fiber | null> = [];
 }
 
 let index = -1;
 
-exports.createCursor = function<T>(defaultValue : T) : StackCursor<T> {
+exports.createCursor = function<T>(defaultValue: T): StackCursor<T> {
   return {
     current: defaultValue,
   };
 };
 
-exports.isEmpty = function() : boolean {
+exports.isEmpty = function(): boolean {
   return index === -1;
 };
 
-exports.pop = function<T>(
-  cursor : StackCursor<T>,
-  fiber: Fiber,
-) : void {
+exports.pop = function<T>(cursor: StackCursor<T>, fiber: Fiber): void {
   if (index < 0) {
     if (__DEV__) {
       warning(false, 'Unexpected pop.');
@@ -67,10 +64,10 @@ exports.pop = function<T>(
 };
 
 exports.push = function<T>(
-  cursor : StackCursor<T>,
-  value : T,
+  cursor: StackCursor<T>,
+  value: T,
   fiber: Fiber,
-) : void {
+): void {
   index++;
 
   valueStack[index] = cursor.current;
@@ -82,7 +79,7 @@ exports.push = function<T>(
   cursor.current = value;
 };
 
-exports.reset = function() : void {
+exports.reset = function(): void {
   while (index > -1) {
     valueStack[index] = null;
 
diff --git a/src/renderers/shared/fiber/ReactFiberTreeReflection.js b/src/renderers/shared/fiber/ReactFiberTreeReflection.js
index 3dd34069df..1cd0dea6ed 100644
--- a/src/renderers/shared/fiber/ReactFiberTreeReflection.js
+++ b/src/renderers/shared/fiber/ReactFiberTreeReflection.js
@@ -12,7 +12,7 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
+import type {Fiber} from 'ReactFiber';
 
 var ReactInstanceMap = require('ReactInstanceMap');
 var ReactCurrentOwner = require('react/lib/ReactCurrentOwner');
@@ -40,7 +40,7 @@ var MOUNTING = 1;
 var MOUNTED = 2;
 var UNMOUNTED = 3;
 
-function isFiberMountedImpl(fiber : Fiber) : number {
+function isFiberMountedImpl(fiber: Fiber): number {
   let node = fiber;
   if (!fiber.alternate) {
     // If there is no alternate, this might be a new tree that isn't inserted
@@ -68,30 +68,32 @@ function isFiberMountedImpl(fiber : Fiber) : number {
   // that has been unmounted.
   return UNMOUNTED;
 }
-exports.isFiberMounted = function(fiber : Fiber) : boolean {
+exports.isFiberMounted = function(fiber: Fiber): boolean {
   return isFiberMountedImpl(fiber) === MOUNTED;
 };
 
-exports.isMounted = function(component : ReactComponent<any, any, any>) : boolean {
+exports.isMounted = function(
+  component: ReactComponent<any, any, any>,
+): boolean {
   if (__DEV__) {
-    const owner = (ReactCurrentOwner.current : any);
+    const owner = (ReactCurrentOwner.current: any);
     if (owner !== null && owner.tag === ClassComponent) {
-      const ownerFiber : Fiber = owner;
+      const ownerFiber: Fiber = owner;
       const instance = ownerFiber.stateNode;
       warning(
         instance._warnedAboutRefsInRender,
         '%s is accessing isMounted inside its render() function. ' +
-        'render() should be a pure function of props and state. It should ' +
-        'never access something that requires stale data from the previous ' +
-        'render, such as refs. Move this logic to componentDidMount and ' +
-        'componentDidUpdate instead.',
-        getComponentName(ownerFiber) || 'A component'
+          'render() should be a pure function of props and state. It should ' +
+          'never access something that requires stale data from the previous ' +
+          'render, such as refs. Move this logic to componentDidMount and ' +
+          'componentDidUpdate instead.',
+        getComponentName(ownerFiber) || 'A component',
       );
       instance._warnedAboutRefsInRender = true;
     }
   }
 
-  var fiber : ?Fiber = ReactInstanceMap.get(component);
+  var fiber: ?Fiber = ReactInstanceMap.get(component);
   if (!fiber) {
     return false;
   }
@@ -101,18 +103,18 @@ exports.isMounted = function(component : ReactComponent<any, any, any>) : boolea
 function assertIsMounted(fiber) {
   invariant(
     isFiberMountedImpl(fiber) === MOUNTED,
-    'Unable to find node on an unmounted component.'
+    'Unable to find node on an unmounted component.',
   );
 }
 
-function findCurrentFiberUsingSlowPath(fiber : Fiber) : Fiber | null {
+function findCurrentFiberUsingSlowPath(fiber: Fiber): Fiber | null {
   let alternate = fiber.alternate;
   if (!alternate) {
     // If there is no alternate, then we only need to check if it is mounted.
     const state = isFiberMountedImpl(fiber);
     invariant(
       state !== UNMOUNTED,
-      'Unable to find node on an unmounted component.'
+      'Unable to find node on an unmounted component.',
     );
     if (state === MOUNTING) {
       return null;
@@ -152,10 +154,7 @@ function findCurrentFiberUsingSlowPath(fiber : Fiber) : Fiber | null {
       }
       // We should never have an alternate for any mounting node. So the only
       // way this could possibly happen is if this was unmounted, if at all.
-      invariant(
-        false,
-        'Unable to find node on an unmounted component.'
-      );
+      invariant(false, 'Unable to find node on an unmounted component.');
     }
 
     if (a.return !== b.return) {
@@ -209,21 +208,21 @@ function findCurrentFiberUsingSlowPath(fiber : Fiber) : Fiber | null {
         invariant(
           didFindChild,
           'Child was not found in either parent set. This indicates a bug ' +
-          'related to the return pointer.'
+            'related to the return pointer.',
         );
       }
     }
 
     invariant(
       a.alternate === b,
-      'Return fibers should always be each others\' alternates.'
+      "Return fibers should always be each others' alternates.",
     );
   }
   // If the root is not a host container, we're in a disconnected tree. I.e.
   // unmounted.
   invariant(
     a.tag === HostRoot,
-    'Unable to find node on an unmounted component.'
+    'Unable to find node on an unmounted component.',
   );
   if (a.stateNode.current === a) {
     // We've determined that A is the current branch.
@@ -234,14 +233,14 @@ function findCurrentFiberUsingSlowPath(fiber : Fiber) : Fiber | null {
 }
 exports.findCurrentFiberUsingSlowPath = findCurrentFiberUsingSlowPath;
 
-exports.findCurrentHostFiber = function(parent : Fiber) : Fiber | null {
+exports.findCurrentHostFiber = function(parent: Fiber): Fiber | null {
   const currentParent = findCurrentFiberUsingSlowPath(parent);
   if (!currentParent) {
     return null;
   }
 
   // Next we'll drill down this component to find the first HostComponent/Text.
-  let node : Fiber = currentParent;
+  let node: Fiber = currentParent;
   while (true) {
     if (node.tag === HostComponent || node.tag === HostText) {
       return node;
diff --git a/src/renderers/shared/fiber/ReactFiberUpdateQueue.js b/src/renderers/shared/fiber/ReactFiberUpdateQueue.js
index 4bef63513f..a246436fff 100644
--- a/src/renderers/shared/fiber/ReactFiberUpdateQueue.js
+++ b/src/renderers/shared/fiber/ReactFiberUpdateQueue.js
@@ -12,8 +12,8 @@
 
 'use strict';
 
-import type { Fiber } from 'ReactFiber';
-import type { PriorityLevel } from 'ReactPriorityLevel';
+import type {Fiber} from 'ReactFiber';
+import type {PriorityLevel} from 'ReactPriorityLevel';
 
 const {
   Callback: CallbackEffect,
@@ -31,8 +31,8 @@ if (__DEV__) {
 }
 
 type PartialState<State, Props> =
-  $Subtype<State> |
-  (prevState: State, props: Props) => $Subtype<State>;
+  | $Subtype<State>
+  | ((prevState: State, props: Props) => $Subtype<State>);
 
 // Callbacks are not validated until invocation
 type Callback = mixed;
@@ -68,12 +68,14 @@ export type UpdateQueue = {
   isProcessing?: boolean,
 };
 
-function comparePriority(a : PriorityLevel, b : PriorityLevel) : number {
+function comparePriority(a: PriorityLevel, b: PriorityLevel): number {
   // When comparing update priorities, treat sync and Task work as equal.
   // TODO: Could we avoid the need for this by always coercing sync priority
   // to Task when scheduling an update?
-  if ((a === TaskPriority || a === SynchronousPriority) &&
-      (b === TaskPriority || b === SynchronousPriority)) {
+  if (
+    (a === TaskPriority || a === SynchronousPriority) &&
+    (b === TaskPriority || b === SynchronousPriority)
+  ) {
     return 0;
   }
   if (a === NoWork && b !== NoWork) {
@@ -87,7 +89,7 @@ function comparePriority(a : PriorityLevel, b : PriorityLevel) : number {
 
 // Ensures that a fiber has an update queue, creating a new one if needed.
 // Returns the new or existing queue.
-function ensureUpdateQueue(fiber : Fiber) : UpdateQueue {
+function ensureUpdateQueue(fiber: Fiber): UpdateQueue {
   if (fiber.updateQueue) {
     // We already have an update queue.
     return fiber.updateQueue;
@@ -116,7 +118,10 @@ function ensureUpdateQueue(fiber : Fiber) : UpdateQueue {
 }
 
 // Clones an update queue from a source fiber onto its alternate.
-function cloneUpdateQueue(current : Fiber, workInProgress : Fiber) : UpdateQueue | null {
+function cloneUpdateQueue(
+  current: Fiber,
+  workInProgress: Fiber,
+): UpdateQueue | null {
   const currentQueue = current.updateQueue;
   if (!currentQueue) {
     // The source fiber does not have an update queue.
@@ -139,7 +144,7 @@ function cloneUpdateQueue(current : Fiber, workInProgress : Fiber) : UpdateQueue
 }
 exports.cloneUpdateQueue = cloneUpdateQueue;
 
-function cloneUpdate(update : Update) : Update {
+function cloneUpdate(update: Update): Update {
   return {
     priorityLevel: update.priorityLevel,
     partialState: update.partialState,
@@ -170,17 +175,22 @@ function insertUpdateIntoQueue(queue, update, insertAfter, insertBefore) {
 
 // Returns the update after which the incoming update should be inserted into
 // the queue, or null if it should be inserted at beginning.
-function findInsertionPosition(queue, update) : Update | null {
+function findInsertionPosition(queue, update): Update | null {
   const priorityLevel = update.priorityLevel;
   let insertAfter = null;
   let insertBefore = null;
-  if (queue.last && comparePriority(queue.last.priorityLevel, priorityLevel) <= 0) {
+  if (
+    queue.last && comparePriority(queue.last.priorityLevel, priorityLevel) <= 0
+  ) {
     // Fast path for the common case where the update should be inserted at
     // the end of the queue.
     insertAfter = queue.last;
   } else {
     insertBefore = queue.first;
-    while (insertBefore && comparePriority(insertBefore.priorityLevel, priorityLevel) <= 0) {
+    while (
+      insertBefore &&
+      comparePriority(insertBefore.priorityLevel, priorityLevel) <= 0
+    ) {
       insertAfter = insertBefore;
       insertBefore = insertBefore.next;
     }
@@ -217,7 +227,7 @@ function findInsertionPosition(queue, update) : Update | null {
 // we shouldn't make a copy.
 //
 // If the update is cloned, it returns the cloned update.
-function insertUpdate(fiber : Fiber, update : Update) : Update | null {
+function insertUpdate(fiber: Fiber, update: Update): Update | null {
   const queue1 = ensureUpdateQueue(fiber);
   const queue2 = fiber.alternate ? ensureUpdateQueue(fiber.alternate) : null;
 
@@ -227,9 +237,9 @@ function insertUpdate(fiber : Fiber, update : Update) : Update | null {
       warning(
         false,
         'An update (setState, replaceState, or forceUpdate) was scheduled ' +
-        'from inside an update function. Update functions should be pure, ' +
-        'with zero side-effects. Consider using componentDidUpdate or a ' +
-        'callback.'
+          'from inside an update function. Update functions should be pure, ' +
+          'with zero side-effects. Consider using componentDidUpdate or a ' +
+          'callback.',
       );
     }
   }
@@ -275,11 +285,11 @@ function insertUpdate(fiber : Fiber, update : Update) : Update | null {
 }
 
 function addUpdate(
-  fiber : Fiber,
-  partialState : PartialState<any, any> | null,
-  callback : mixed,
-  priorityLevel : PriorityLevel
-) : void {
+  fiber: Fiber,
+  partialState: PartialState<any, any> | null,
+  callback: mixed,
+  priorityLevel: PriorityLevel,
+): void {
   const update = {
     priorityLevel,
     partialState,
@@ -294,11 +304,11 @@ function addUpdate(
 exports.addUpdate = addUpdate;
 
 function addReplaceUpdate(
-  fiber : Fiber,
-  state : any | null,
-  callback : Callback | null,
-  priorityLevel : PriorityLevel
-) : void {
+  fiber: Fiber,
+  state: any | null,
+  callback: Callback | null,
+  priorityLevel: PriorityLevel,
+): void {
   const update = {
     priorityLevel,
     partialState: state,
@@ -313,10 +323,10 @@ function addReplaceUpdate(
 exports.addReplaceUpdate = addReplaceUpdate;
 
 function addForceUpdate(
-  fiber : Fiber,
-  callback : Callback | null,
-  priorityLevel : PriorityLevel
-) : void {
+  fiber: Fiber,
+  callback: Callback | null,
+  priorityLevel: PriorityLevel,
+): void {
   const update = {
     priorityLevel,
     partialState: null,
@@ -330,21 +340,18 @@ function addForceUpdate(
 }
 exports.addForceUpdate = addForceUpdate;
 
-function getPendingPriority(queue : UpdateQueue) : PriorityLevel {
+function getPendingPriority(queue: UpdateQueue): PriorityLevel {
   return queue.first ? queue.first.priorityLevel : NoWork;
 }
 exports.getPendingPriority = getPendingPriority;
 
 function addTopLevelUpdate(
-  fiber : Fiber,
-  partialState : PartialState<any, any>,
-  callback : Callback | null,
-  priorityLevel : PriorityLevel
-) : void {
-  const isTopLevelUnmount = !!(
-    partialState &&
-    partialState.element === null
-  );
+  fiber: Fiber,
+  partialState: PartialState<any, any>,
+  callback: Callback | null,
+  priorityLevel: PriorityLevel,
+): void {
+  const isTopLevelUnmount = !!(partialState && partialState.element === null);
 
   const update = {
     priorityLevel,
@@ -386,13 +393,13 @@ function getStateFromUpdate(update, instance, prevState, props) {
 }
 
 function beginUpdateQueue(
-  workInProgress : Fiber,
-  queue : UpdateQueue,
-  instance : any,
-  prevState : any,
-  props : any,
-  priorityLevel : PriorityLevel
-) : any {
+  workInProgress: Fiber,
+  queue: UpdateQueue,
+  instance: any,
+  prevState: any,
+  props: any,
+  priorityLevel: PriorityLevel,
+): any {
   if (__DEV__) {
     // Set this flag so we can warn if setState is called inside the update
     // function of another setState.
@@ -436,7 +443,10 @@ function beginUpdateQueue(
     }
     // Second condition ignores top-level unmount callbacks if they are not the
     // last update in the queue, since a subsequent update will cause a remount.
-    if (update.callback !== null && !(update.isTopLevelUnmount && update.next !== null)) {
+    if (
+      update.callback !== null &&
+      !(update.isTopLevelUnmount && update.next !== null)
+    ) {
       callbackList = callbackList || [];
       callbackList.push(update.callback);
       workInProgress.effectTag |= CallbackEffect;
@@ -459,7 +469,11 @@ function beginUpdateQueue(
 }
 exports.beginUpdateQueue = beginUpdateQueue;
 
-function commitCallbacks(finishedWork : Fiber, queue : UpdateQueue, context : mixed) {
+function commitCallbacks(
+  finishedWork: Fiber,
+  queue: UpdateQueue,
+  context: mixed,
+) {
   const callbackList = queue.callbackList;
   if (!callbackList) {
     return;
@@ -469,8 +483,8 @@ function commitCallbacks(finishedWork : Fiber, queue : UpdateQueue, context : mi
     invariant(
       typeof callback === 'function',
       'Invalid argument passed as callback. Expected a function. Instead ' +
-      'received: %s',
-      callback
+        'received: %s',
+      callback,
     );
     callback.call(context);
   }
diff --git a/src/renderers/shared/fiber/ReactTypeOfSideEffect.js b/src/renderers/shared/fiber/ReactTypeOfSideEffect.js
index 4420f39e0b..087cf7394d 100644
--- a/src/renderers/shared/fiber/ReactTypeOfSideEffect.js
+++ b/src/renderers/shared/fiber/ReactTypeOfSideEffect.js
@@ -15,13 +15,13 @@
 export type TypeOfSideEffect = 0 | 1 | 2 | 3 | 4 | 8 | 16 | 32 | 64;
 
 module.exports = {
-  NoEffect: 0,                                // 0b0000000
-  Placement: 1,                               // 0b0000001
-  Update: 2,                                  // 0b0000010
-  PlacementAndUpdate: 3,                      // 0b0000011
-  Deletion: 4,                                // 0b0000100
-  ContentReset: 8,                            // 0b0001000
-  Callback: 16,                               // 0b0010000
-  Err: 32,                                    // 0b0100000
-  Ref: 64,                                    // 0b1000000
+  NoEffect: 0, // 0b0000000
+  Placement: 1, // 0b0000001
+  Update: 2, // 0b0000010
+  PlacementAndUpdate: 3, // 0b0000011
+  Deletion: 4, // 0b0000100
+  ContentReset: 8, // 0b0001000
+  Callback: 16, // 0b0010000
+  Err: 32, // 0b0100000
+  Ref: 64, // 0b1000000
 };
diff --git a/src/renderers/shared/fiber/__tests__/ReactCoroutine-test.js b/src/renderers/shared/fiber/__tests__/ReactCoroutine-test.js
index f75e4cdd86..88d35fff2f 100644
--- a/src/renderers/shared/fiber/__tests__/ReactCoroutine-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactCoroutine-test.js
@@ -27,25 +27,25 @@ describe('ReactCoroutine', () => {
   });
 
   function div(...children) {
-    children = children.map(c => typeof c === 'string' ? { text: c } : c);
-    return { type: 'div', children, prop: undefined };
+    children = children.map(c => typeof c === 'string' ? {text: c} : c);
+    return {type: 'div', children, prop: undefined};
   }
 
   function span(prop) {
-    return { type: 'span', children: [], prop };
+    return {type: 'span', children: [], prop};
   }
 
   it('should render a coroutine', () => {
     var ops = [];
 
-    function Continuation({ isSame }) {
+    function Continuation({isSame}) {
       ops.push(['Continuation', isSame]);
       return <span prop={isSame ? 'foo==bar' : 'foo!=bar'} />;
     }
 
     // An alternative API could mark Continuation as something that needs
     // yielding. E.g. Continuation.yieldType = 123;
-    function Child({ bar }) {
+    function Child({bar}) {
       ops.push(['Child', bar]);
       return ReactCoroutine.createYield({
         props: {
@@ -62,9 +62,9 @@ describe('ReactCoroutine', () => {
 
     function HandleYields(props, yields) {
       ops.push('HandleYields');
-      return yields.map(y =>
+      return yields.map(y => (
         <y.continuation isSame={props.foo === y.props.bar} />
-      );
+      ));
     }
 
     // An alternative API could mark Parent as something that needs
@@ -74,7 +74,7 @@ describe('ReactCoroutine', () => {
       return ReactCoroutine.createCoroutine(
         props.children,
         HandleYields,
-        props
+        props,
       );
     }
 
@@ -98,19 +98,16 @@ describe('ReactCoroutine', () => {
       ['Continuation', false],
     ]);
     expect(ReactNoop.getChildren()).toEqual([
-      div(
-        span('foo==bar'),
-        span('foo!=bar'),
-      ),
+      div(span('foo==bar'), span('foo!=bar')),
     ]);
   });
 
   it('should update a coroutine', () => {
-    function Continuation({ isSame }) {
+    function Continuation({isSame}) {
       return <span prop={isSame ? 'foo==bar' : 'foo!=bar'} />;
     }
 
-    function Child({ bar }) {
+    function Child({bar}) {
       return ReactCoroutine.createYield({
         props: {
           bar: bar,
@@ -124,16 +121,16 @@ describe('ReactCoroutine', () => {
     }
 
     function HandleYields(props, yields) {
-      return yields.map(y =>
+      return yields.map(y => (
         <y.continuation isSame={props.foo === y.props.bar} />
-      );
+      ));
     }
 
     function Parent(props) {
       return ReactCoroutine.createCoroutine(
         props.children,
         HandleYields,
-        props
+        props,
       );
     }
 
@@ -144,19 +141,13 @@ describe('ReactCoroutine', () => {
     ReactNoop.render(<App foo={true} />);
     ReactNoop.flush();
     expect(ReactNoop.getChildren()).toEqual([
-      div(
-        span('foo==bar'),
-        span('foo!=bar'),
-      ),
+      div(span('foo==bar'), span('foo!=bar')),
     ]);
 
     ReactNoop.render(<App foo={false} />);
     ReactNoop.flush();
     expect(ReactNoop.getChildren()).toEqual([
-      div(
-        span('foo!=bar'),
-        span('foo==bar'),
-      ),
+      div(span('foo!=bar'), span('foo==bar')),
     ]);
   });
 
@@ -194,7 +185,7 @@ describe('ReactCoroutine', () => {
         return ReactCoroutine.createCoroutine(
           this.props.children,
           HandleYields,
-          this.props
+          this.props,
         );
       }
       componentWillUnmount() {
@@ -205,12 +196,7 @@ describe('ReactCoroutine', () => {
     ReactNoop.render(<Parent><Child /></Parent>);
     ReactNoop.flush();
 
-    expect(ops).toEqual([
-      'Parent',
-      'Child',
-      'HandleYields',
-      'Continuation',
-    ]);
+    expect(ops).toEqual(['Parent', 'Child', 'HandleYields', 'Continuation']);
 
     ops = [];
 
@@ -222,7 +208,6 @@ describe('ReactCoroutine', () => {
       'Unmount Child',
       'Unmount Continuation',
     ]);
-
   });
 
   it('should handle deep updates in coroutine', () => {
@@ -238,31 +223,19 @@ describe('ReactCoroutine', () => {
 
     function App(props) {
       return ReactCoroutine.createCoroutine(
-        [
-          <Counter id="a" />,
-          <Counter id="b" />,
-          <Counter id="c" />,
-        ],
+        [<Counter id="a" />, <Counter id="b" />, <Counter id="c" />],
         (p, yields) => yields.map(y => <span prop={y * 100} />),
-        {}
+        {},
       );
     }
 
     ReactNoop.render(<App />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      span(500),
-      span(500),
-      span(500),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([span(500), span(500), span(500)]);
 
     instances.a.setState({value: 1});
     instances.b.setState({value: 2});
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      span(100),
-      span(200),
-      span(500),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([span(100), span(200), span(500)]);
   });
 });
diff --git a/src/renderers/shared/fiber/__tests__/ReactIncremental-test.js b/src/renderers/shared/fiber/__tests__/ReactIncremental-test.js
index 7b3997e74a..96a3f032e5 100644
--- a/src/renderers/shared/fiber/__tests__/ReactIncremental-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactIncremental-test.js
@@ -26,7 +26,6 @@ describe('ReactIncremental', () => {
   });
 
   it('should render a simple component', () => {
-
     function Bar() {
       return <div>Hello World</div>;
     }
@@ -37,11 +36,9 @@ describe('ReactIncremental', () => {
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-
   });
 
   it('should render a simple component, in steps if needed', () => {
-
     var renderCallbackCalled = false;
     var barCalled = false;
     function Bar() {
@@ -52,10 +49,7 @@ describe('ReactIncremental', () => {
     var fooCalled = false;
     function Foo() {
       fooCalled = true;
-      return [
-        <Bar isBar={true} />,
-        <Bar isBar={true} />,
-      ];
+      return [<Bar isBar={true} />, <Bar isBar={true} />];
     }
 
     ReactNoop.render(<Foo />, () => renderCallbackCalled = true);
@@ -75,7 +69,6 @@ describe('ReactIncremental', () => {
   });
 
   it('updates a previous render', () => {
-
     var ops = [];
 
     function Header() {
@@ -107,27 +100,39 @@ describe('ReactIncremental', () => {
       );
     }
 
-    ReactNoop.render(<Foo text="foo" />, () => ops.push('renderCallbackCalled'));
+    ReactNoop.render(<Foo text="foo" />, () =>
+      ops.push('renderCallbackCalled'));
     ReactNoop.flush();
 
-    expect(ops).toEqual(['Foo', 'Header', 'Content', 'Footer', 'renderCallbackCalled']);
+    expect(ops).toEqual([
+      'Foo',
+      'Header',
+      'Content',
+      'Footer',
+      'renderCallbackCalled',
+    ]);
 
     ops = [];
 
-    ReactNoop.render(<Foo text="bar" />, () => ops.push('firstRenderCallbackCalled'));
-    ReactNoop.render(<Foo text="bar" />, () => ops.push('secondRenderCallbackCalled'));
+    ReactNoop.render(<Foo text="bar" />, () =>
+      ops.push('firstRenderCallbackCalled'));
+    ReactNoop.render(<Foo text="bar" />, () =>
+      ops.push('secondRenderCallbackCalled'));
     ReactNoop.flush();
 
     // TODO: Test bail out of host components. This is currently unobservable.
 
     // Since this is an update, it should bail out and reuse the work from
     // Header and Content.
-    expect(ops).toEqual(['Foo', 'Content', 'firstRenderCallbackCalled', 'secondRenderCallbackCalled']);
-
+    expect(ops).toEqual([
+      'Foo',
+      'Content',
+      'firstRenderCallbackCalled',
+      'secondRenderCallbackCalled',
+    ]);
   });
 
   it('can cancel partially rendered work and restart', () => {
-
     var ops = [];
 
     function Bar(props) {
@@ -171,11 +176,9 @@ describe('ReactIncremental', () => {
     ReactNoop.flush(20);
 
     expect(ops).toEqual(['Foo', 'Bar', 'Bar']);
-
   });
 
   it('can deprioritize unfinished work and resume it later', () => {
-
     var ops = [];
 
     function Bar(props) {
@@ -225,7 +228,6 @@ describe('ReactIncremental', () => {
     ReactNoop.flush();
 
     expect(ops).toEqual(['Middle', 'Middle']);
-
   });
 
   it('can deprioritize a tree from without dropping work', () => {
@@ -285,7 +287,6 @@ describe('ReactIncremental', () => {
   });
 
   it('can resume work in a subtree even when a parent bails out', () => {
-
     var ops = [];
 
     function Bar(props) {
@@ -447,7 +448,6 @@ describe('ReactIncremental', () => {
   });
 
   it('can reuse work done after being preempted', () => {
-
     var ops = [];
 
     function Bar(props) {
@@ -482,11 +482,7 @@ describe('ReactIncremental', () => {
         <div>
           <Bar>{props.text2}</Bar>
           <div hidden={true}>
-            {
-              props.step === 0 ?
-                step0
-                : middleContent
-            }
+            {props.step === 0 ? step0 : middleContent}
           </div>
         </div>
       );
@@ -542,7 +538,6 @@ describe('ReactIncremental', () => {
     // without restarting.
     ReactNoop.flush();
     expect(ops).toEqual(['Middle']);
-
   });
 
   it('can reuse work that began but did not complete, after being preempted', () => {
@@ -561,7 +556,7 @@ describe('ReactIncremental', () => {
     }
 
     class Child extends React.Component {
-      state = { step: 0 };
+      state = {step: 0};
       render() {
         child = this;
         ops.push('Child');
@@ -597,12 +592,9 @@ describe('ReactIncremental', () => {
 
     // Begin working on a low priority update to Child, but stop before
     // GreatGrandchild. Child and Grandchild begin but don't complete.
-    child.setState({ step: 1 });
+    child.setState({step: 1});
     ReactNoop.flushDeferredPri(30);
-    expect(ops).toEqual([
-      'Child',
-      'Grandchild',
-    ]);
+    expect(ops).toEqual(['Child', 'Grandchild']);
 
     // Interrupt the current low pri work with a high pri update elsewhere in
     // the tree.
@@ -625,7 +617,6 @@ describe('ReactIncremental', () => {
   });
 
   it('can reuse work if shouldComponentUpdate is false, after being preempted', () => {
-
     var ops = [];
 
     function Bar(props) {
@@ -708,7 +699,6 @@ describe('ReactIncremental', () => {
     // without restarting.
     ReactNoop.flush();
     expect(ops).toEqual(['Middle']);
-
   });
 
   it('memoizes work even if shouldComponentUpdate returns false', () => {
@@ -733,9 +723,7 @@ describe('ReactIncremental', () => {
     ops = [];
     ReactNoop.render(<Foo step={2} />);
     ReactNoop.flush();
-    expect(ops).toEqual([
-      'shouldComponentUpdate: false',
-    ]);
+    expect(ops).toEqual(['shouldComponentUpdate: false']);
 
     ops = [];
     ReactNoop.render(<Foo step={3} />);
@@ -753,7 +741,7 @@ describe('ReactIncremental', () => {
     class Bar extends React.Component {
       constructor() {
         super();
-        this.state = { a: 'a' };
+        this.state = {a: 'a'};
         instance = this;
       }
       render() {
@@ -771,10 +759,10 @@ describe('ReactIncremental', () => {
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-    expect(instance.state).toEqual({ a: 'a' });
-    instance.setState({ b: 'b' });
+    expect(instance.state).toEqual({a: 'a'});
+    instance.setState({b: 'b'});
     ReactNoop.flush();
-    expect(instance.state).toEqual({ a: 'a', b: 'b' });
+    expect(instance.state).toEqual({a: 'a', b: 'b'});
   });
 
   it('can queue multiple state updates', () => {
@@ -782,7 +770,7 @@ describe('ReactIncremental', () => {
     class Bar extends React.Component {
       constructor() {
         super();
-        this.state = { a: 'a' };
+        this.state = {a: 'a'};
         instance = this;
       }
       render() {
@@ -801,11 +789,11 @@ describe('ReactIncremental', () => {
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
     // Call setState multiple times before flushing
-    instance.setState({ b: 'b' });
-    instance.setState({ c: 'c' });
-    instance.setState({ d: 'd' });
+    instance.setState({b: 'b'});
+    instance.setState({c: 'c'});
+    instance.setState({d: 'd'});
     ReactNoop.flush();
-    expect(instance.state).toEqual({ a: 'a', b: 'b', c: 'c', d: 'd' });
+    expect(instance.state).toEqual({a: 'a', b: 'b', c: 'c', d: 'd'});
   });
 
   it('can use updater form of setState', () => {
@@ -813,7 +801,7 @@ describe('ReactIncremental', () => {
     class Bar extends React.Component {
       constructor() {
         super();
-        this.state = { num: 1 };
+        this.state = {num: 1};
         instance = this;
       }
       render() {
@@ -821,7 +809,7 @@ describe('ReactIncremental', () => {
       }
     }
 
-    function Foo({ multiplier }) {
+    function Foo({multiplier}) {
       return (
         <div>
           <Bar multiplier={multiplier} />
@@ -830,7 +818,7 @@ describe('ReactIncremental', () => {
     }
 
     function updater(state, props) {
-      return { num: state.num * props.multiplier };
+      return {num: state.num * props.multiplier};
     }
 
     ReactNoop.render(<Foo multiplier={2} />);
@@ -850,7 +838,7 @@ describe('ReactIncremental', () => {
     class Bar extends React.Component {
       constructor() {
         super();
-        this.state = { num: 1 };
+        this.state = {num: 1};
         instance = this;
       }
       render() {
@@ -858,7 +846,7 @@ describe('ReactIncremental', () => {
       }
     }
 
-    function Foo({ multiplier }) {
+    function Foo({multiplier}) {
       return (
         <div>
           <Bar multiplier={multiplier} />
@@ -867,11 +855,11 @@ describe('ReactIncremental', () => {
     }
 
     function updater(state, props) {
-      return { num: state.num * props.multiplier };
+      return {num: state.num * props.multiplier};
     }
 
     function callback() {
-      this.setState({ called: true });
+      this.setState({called: true});
     }
 
     ReactNoop.render(<Foo multiplier={2} />);
@@ -888,7 +876,7 @@ describe('ReactIncremental', () => {
     const Bar = React.createClass({
       getInitialState() {
         instance = this;
-        return { a: 'a' };
+        return {a: 'a'};
       },
       render() {
         return <div>{this.props.children}</div>;
@@ -905,11 +893,11 @@ describe('ReactIncremental', () => {
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-    instance.setState({ b: 'b' });
-    instance.setState({ c: 'c' });
-    instance.replaceState({ d: 'd' });
+    instance.setState({b: 'b'});
+    instance.setState({c: 'c'});
+    instance.replaceState({d: 'd'});
     ReactNoop.flush();
-    expect(instance.state).toEqual({ d: 'd' });
+    expect(instance.state).toEqual({d: 'd'});
   });
 
   it('can forceUpdate', () => {
@@ -958,14 +946,13 @@ describe('ReactIncremental', () => {
     var instances = new Set();
 
     class Bar extends React.Component {
-      state = { y: 'A' };
+      state = {y: 'A'};
       constructor() {
         super();
         instances.add(this);
       }
       shouldComponentUpdate(newProps, newState) {
-        return this.props.x !== newProps.x ||
-               this.state.y !== newState.y;
+        return this.props.x !== newProps.x || this.state.y !== newState.y;
       }
       render() {
         ops.push('Bar:' + this.props.x);
@@ -1007,7 +994,7 @@ describe('ReactIncremental', () => {
     var instances = [];
 
     class Bar extends React.Component {
-      state = { y: 'A' };
+      state = {y: 'A'};
       constructor() {
         super();
         instances.push(this);
@@ -1062,7 +1049,7 @@ describe('ReactIncremental', () => {
     var ops = [];
 
     class LifeCycle extends React.Component {
-      state = { x: this.props.x };
+      state = {x: this.props.x};
       componentWillMount() {
         ops.push('componentWillMount:' + this.state.x + '-' + this.props.x);
       }
@@ -1092,10 +1079,7 @@ describe('ReactIncremental', () => {
     ReactNoop.render(<App x={0} />);
     ReactNoop.flushDeferredPri(30);
 
-    expect(ops).toEqual([
-      'App',
-      'componentWillMount:0-0',
-    ]);
+    expect(ops).toEqual(['App', 'componentWillMount:0-0']);
 
     ops = [];
 
@@ -1168,7 +1152,9 @@ describe('ReactIncremental', () => {
         ops.push('componentDidMount:' + this.props.x);
       }
       componentWillReceiveProps(nextProps) {
-        ops.push('componentWillReceiveProps:' + this.props.x + '-' + nextProps.x);
+        ops.push(
+          'componentWillReceiveProps:' + this.props.x + '-' + nextProps.x,
+        );
       }
       shouldComponentUpdate(nextProps) {
         ops.push('shouldComponentUpdate:' + this.props.x + '-' + nextProps.x);
@@ -1196,10 +1182,7 @@ describe('ReactIncremental', () => {
     function App(props) {
       ops.push('App');
 
-      return [
-        <LifeCycle key="a" x={props.x} />,
-        <Sibling key="b" />,
-      ];
+      return [<LifeCycle key="a" x={props.x} />, <Sibling key="b" />];
     }
 
     ReactNoop.render(<App x={0} />);
@@ -1251,7 +1234,7 @@ describe('ReactIncremental', () => {
     var instances = [];
 
     class LifeCycle extends React.Component {
-      state = { x: 0 };
+      state = {x: 0};
       tick() {
         this.setState({
           x: this.state.x + 1,
@@ -1287,7 +1270,7 @@ describe('ReactIncremental', () => {
     // there is currently an issue where a component can't reuse its render
     // output unless it fully completed.
     class Wrap extends React.Component {
-      state = { y: 0 };
+      state = {y: 0};
       componentWillMount() {
         instances.push(this);
       }
@@ -1311,10 +1294,7 @@ describe('ReactIncremental', () => {
 
     function App(props) {
       ops.push('App');
-      return [
-        <Wrap key="a" />,
-        <Sibling key="b" />,
-      ];
+      return [<Wrap key="a" />, <Sibling key="b" />];
     }
 
     ReactNoop.render(<App y={0} />);
@@ -1395,7 +1375,6 @@ describe('ReactIncremental', () => {
 
     // TODO: Test that we get the expected values for the same scenario with
     // incomplete parents.
-
   });
 
   it('skips will/DidUpdate when bailing unless an update was already in progress', () => {
@@ -1434,10 +1413,7 @@ describe('ReactIncremental', () => {
     }
 
     function App(props) {
-      return [
-        <LifeCycle x={props.x} />,
-        <Sibling />,
-      ];
+      return [<LifeCycle x={props.x} />, <Sibling />];
     }
 
     ReactNoop.render(<App x={0} />);
@@ -1502,7 +1478,7 @@ describe('ReactIncremental', () => {
     var instance;
 
     class Foo extends React.Component {
-      state = { n: 0 };
+      state = {n: 0};
       render() {
         instance = this;
         return <div />;
@@ -1515,8 +1491,8 @@ describe('ReactIncremental', () => {
 
     ReactNoop.syncUpdates(() => {
       ReactNoop.batchedUpdates(() => {
-        instance.setState({ n: 1 }, () => ops.push('setState 1'));
-        instance.setState({ n: 2 }, () => ops.push('setState 2'));
+        instance.setState({n: 1}, () => ops.push('setState 1'));
+        instance.setState({n: 2}, () => ops.push('setState 2'));
         ops.push('end batchedUpdates');
       });
       ops.push('end syncUpdates');
@@ -1538,7 +1514,7 @@ describe('ReactIncremental', () => {
     var instance;
 
     class Foo extends React.Component {
-      state = { n: 0 };
+      state = {n: 0};
       render() {
         instance = this;
         return <div />;
@@ -1551,11 +1527,11 @@ describe('ReactIncremental', () => {
 
     ReactNoop.syncUpdates(() => {
       ReactNoop.batchedUpdates(() => {
-        instance.setState({ n: 1 }, () => ops.push('setState 1'));
-        instance.setState({ n: 2 }, () => ops.push('setState 2'));
+        instance.setState({n: 1}, () => ops.push('setState 1'));
+        instance.setState({n: 2}, () => ops.push('setState 2'));
         ReactNoop.batchedUpdates(() => {
-          instance.setState({ n: 3 }, () => ops.push('setState 3'));
-          instance.setState({ n: 4 }, () => ops.push('setState 4'));
+          instance.setState({n: 3}, () => ops.push('setState 3'));
+          instance.setState({n: 4}, () => ops.push('setState 4'));
           ops.push('end inner batchedUpdates');
         });
         ops.push('end outer batchedUpdates');
@@ -1582,7 +1558,7 @@ describe('ReactIncremental', () => {
     var instance;
 
     class Foo extends React.Component {
-      state = { n: 0 };
+      state = {n: 0};
       render() {
         instance = this;
         return <div />;
@@ -1593,8 +1569,8 @@ describe('ReactIncremental', () => {
     ReactNoop.flush();
     ops = [];
 
-    function updater({ n }) {
-      return { n: n + 1 };
+    function updater({n}) {
+      return {n: n + 1};
     }
 
     instance.setState(updater, () => ops.push('first callback'));
@@ -1609,10 +1585,7 @@ describe('ReactIncremental', () => {
     }).toThrow('callback error');
 
     // The third callback isn't called because the second one throws
-    expect(ops).toEqual([
-      'first callback',
-      'second callback',
-    ]);
+    expect(ops).toEqual(['first callback', 'second callback']);
     expect(instance.state.n).toEqual(3);
   });
 
@@ -1707,7 +1680,7 @@ describe('ReactIncremental', () => {
         <div>
           <ShowBoth />
         </div>
-      </Intl>
+      </Intl>,
     );
     ReactNoop.flush();
     expect(ops).toEqual([
@@ -1723,7 +1696,7 @@ describe('ReactIncremental', () => {
         <div>
           <ShowBoth />
         </div>
-      </Intl>
+      </Intl>,
     );
     ReactNoop.flush();
     expect(ops).toEqual([
@@ -1739,12 +1712,10 @@ describe('ReactIncremental', () => {
         <div>
           <ShowBoth />
         </div>
-      </Intl>
+      </Intl>,
     );
     ReactNoop.flushDeferredPri(15);
-    expect(ops).toEqual([
-      'Intl {}',
-    ]);
+    expect(ops).toEqual(['Intl {}']);
 
     ops.length = 0;
     ReactNoop.render(
@@ -1754,7 +1725,7 @@ describe('ReactIncremental', () => {
           <Indirection />
         </Router>
         <ShowBoth />
-      </Intl>
+      </Intl>,
     );
     ReactNoop.flush();
     expect(ops).toEqual([
@@ -1842,7 +1813,7 @@ describe('ReactIncremental', () => {
           </Intl>
         </div>
         <ShowLocale />
-      </Intl>
+      </Intl>,
     );
     ReactNoop.flushDeferredPri(40);
     expect(ops).toEqual([
@@ -1930,7 +1901,7 @@ describe('ReactIncremental', () => {
             </Stateful>
           </IndirectionClass>
         </IndirectionFn>
-      </Intl>
+      </Intl>,
     );
     ReactNoop.flush();
     expect(ops).toEqual([
@@ -2022,7 +1993,7 @@ describe('ReactIncremental', () => {
             <ShowLocaleFn />
           </IndirectionClass>
         </IndirectionFn>
-      </Stateful>
+      </Stateful>,
     );
     ReactNoop.flush();
     expect(ops).toEqual([
@@ -2047,7 +2018,7 @@ describe('ReactIncremental', () => {
       // these components even though they don't depend on context.
       'IndirectionFn {}',
       'IndirectionClass {}',
-       // These components depend on context:
+      // These components depend on context:
       'ShowLocaleClass:read {"locale":"gr"}',
       'ShowLocaleFn:read {"locale":"gr"}',
     ]);
@@ -2152,17 +2123,17 @@ describe('ReactIncremental', () => {
       static contextTypes = {};
       componentDidMount(prevProps, prevState) {
         ops.push('componentDidMount');
-        this.setState({ setStateInCDU: true });
+        this.setState({setStateInCDU: true});
       }
       componentDidUpdate(prevProps, prevState) {
         ops.push('componentDidUpdate');
         if (this.state.setStateInCDU) {
-          this.setState({ setStateInCDU: false });
+          this.setState({setStateInCDU: false});
         }
       }
       componentWillReceiveProps(nextProps) {
         ops.push('componentWillReceiveProps');
-        this.setState({ setStateInCDU: true });
+        this.setState({setStateInCDU: true});
       }
       render() {
         ops.push('render');
@@ -2251,8 +2222,8 @@ describe('ReactIncremental', () => {
     // At this point our FirstChild component has rendered a second time,
     // But since the render is not completed cDU should not be called yet.
     expect(renderCounter).toBe(2);
-    expect(scuPrevProps).toEqual([{ children: 'A' }]);
-    expect(scuNextProps).toEqual([{ children: 'B' }]);
+    expect(scuPrevProps).toEqual([{children: 'A'}]);
+    expect(scuNextProps).toEqual([{children: 'B'}]);
     expect(cduPrevProps).toEqual([]);
     expect(cduNextProps).toEqual([]);
 
@@ -2266,9 +2237,9 @@ describe('ReactIncremental', () => {
     // Since FirstChild props didn't change, sCU returned false.
     // The previous memoized copy should be used.
     expect(renderCounter).toBe(2);
-    expect(scuPrevProps).toEqual([{ children: 'A' }, { children: 'B' }]);
-    expect(scuNextProps).toEqual([{ children: 'B' }, { children: 'B' }]);
-    expect(cduPrevProps).toEqual([{ children: 'A' }]);
-    expect(cduNextProps).toEqual([{ children: 'B' }]);
+    expect(scuPrevProps).toEqual([{children: 'A'}, {children: 'B'}]);
+    expect(scuNextProps).toEqual([{children: 'B'}, {children: 'B'}]);
+    expect(cduPrevProps).toEqual([{children: 'A'}]);
+    expect(cduNextProps).toEqual([{children: 'B'}]);
   });
 });
diff --git a/src/renderers/shared/fiber/__tests__/ReactIncrementalErrorHandling-test.js b/src/renderers/shared/fiber/__tests__/ReactIncrementalErrorHandling-test.js
index 0af4dc2f10..4b4b415cc7 100644
--- a/src/renderers/shared/fiber/__tests__/ReactIncrementalErrorHandling-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactIncrementalErrorHandling-test.js
@@ -25,12 +25,12 @@ describe('ReactIncrementalErrorHandling', () => {
   });
 
   function div(...children) {
-    children = children.map(c => typeof c === 'string' ? { text: c } : c);
-    return { type: 'div', children, prop: undefined };
+    children = children.map(c => typeof c === 'string' ? {text: c} : c);
+    return {type: 'div', children, prop: undefined};
   }
 
   function span(prop) {
-    return { type: 'span', children: [], prop };
+    return {type: 'span', children: [], prop};
   }
 
   it('catches render error in a boundary during full deferred mounting', () => {
@@ -41,7 +41,9 @@ describe('ReactIncrementalErrorHandling', () => {
       }
       render() {
         if (this.state.error) {
-          return <span prop={`Caught an error: ${this.state.error.message}.`} />;
+          return (
+            <span prop={`Caught an error: ${this.state.error.message}.`} />
+          );
         }
         return this.props.children;
       }
@@ -54,7 +56,7 @@ describe('ReactIncrementalErrorHandling', () => {
     ReactNoop.render(
       <ErrorBoundary>
         <BrokenRender />
-      </ErrorBoundary>
+      </ErrorBoundary>,
     );
     ReactNoop.flushDeferredPri();
     expect(ReactNoop.getChildren()).toEqual([span('Caught an error: Hello.')]);
@@ -71,7 +73,9 @@ describe('ReactIncrementalErrorHandling', () => {
       render() {
         if (this.state.error) {
           ops.push('ErrorBoundary render error');
-          return <span prop={`Caught an error: ${this.state.error.message}.`} />;
+          return (
+            <span prop={`Caught an error: ${this.state.error.message}.`} />
+          );
         }
         ops.push('ErrorBoundary render success');
         return this.props.children;
@@ -86,13 +90,11 @@ describe('ReactIncrementalErrorHandling', () => {
     ReactNoop.render(
       <ErrorBoundary>
         <BrokenRender />
-      </ErrorBoundary>
+      </ErrorBoundary>,
     );
 
     ReactNoop.flushDeferredPri(15);
-    expect(ops).toEqual([
-      'ErrorBoundary render success',
-    ]);
+    expect(ops).toEqual(['ErrorBoundary render success']);
     expect(ReactNoop.getChildren()).toEqual([]);
 
     ops.length = 0;
@@ -116,7 +118,9 @@ describe('ReactIncrementalErrorHandling', () => {
       render() {
         if (this.state.error) {
           ops.push('ErrorBoundary render error');
-          return <span prop={`Caught an error: ${this.state.error.message}.`} />;
+          return (
+            <span prop={`Caught an error: ${this.state.error.message}.`} />
+          );
         }
         ops.push('ErrorBoundary render success');
         return this.props.children;
@@ -132,7 +136,7 @@ describe('ReactIncrementalErrorHandling', () => {
       ReactNoop.render(
         <ErrorBoundary>
           <BrokenRender />
-        </ErrorBoundary>
+        </ErrorBoundary>,
       );
     });
 
@@ -157,7 +161,9 @@ describe('ReactIncrementalErrorHandling', () => {
       render() {
         if (this.state.error) {
           ops.push('ErrorBoundary render error');
-          return <span prop={`Caught an error: ${this.state.error.message}.`} />;
+          return (
+            <span prop={`Caught an error: ${this.state.error.message}.`} />
+          );
         }
         ops.push('ErrorBoundary render success');
         return this.props.children;
@@ -173,7 +179,7 @@ describe('ReactIncrementalErrorHandling', () => {
       ReactNoop.render(
         <ErrorBoundary>
           <BrokenRender />
-        </ErrorBoundary>
+        </ErrorBoundary>,
       );
     });
 
@@ -197,7 +203,9 @@ describe('ReactIncrementalErrorHandling', () => {
       render() {
         if (this.state.error) {
           ops.push('ErrorBoundary render error');
-          return <span prop={`Caught an error: ${this.state.error.message}.`} />;
+          return (
+            <span prop={`Caught an error: ${this.state.error.message}.`} />
+          );
         }
         ops.push('ErrorBoundary render success');
         return this.props.children;
@@ -214,12 +222,12 @@ describe('ReactIncrementalErrorHandling', () => {
         ReactNoop.render(
           <ErrorBoundary>
             Before the storm.
-          </ErrorBoundary>
+          </ErrorBoundary>,
         );
         ReactNoop.render(
           <ErrorBoundary>
             <BrokenRender />
-          </ErrorBoundary>
+          </ErrorBoundary>,
         );
       });
     });
@@ -254,7 +262,7 @@ describe('ReactIncrementalErrorHandling', () => {
     ReactNoop.render(
       <RethrowErrorBoundary>
         <BrokenRender />
-      </RethrowErrorBoundary>
+      </RethrowErrorBoundary>,
     );
 
     expect(() => {
@@ -289,13 +297,11 @@ describe('ReactIncrementalErrorHandling', () => {
     ReactNoop.render(
       <RethrowErrorBoundary>
         <BrokenRender />
-      </RethrowErrorBoundary>
+      </RethrowErrorBoundary>,
     );
 
     ReactNoop.flushDeferredPri(15);
-    expect(ops).toEqual([
-      'RethrowErrorBoundary render',
-    ]);
+    expect(ops).toEqual(['RethrowErrorBoundary render']);
 
     ops.length = 0;
     expect(() => {
@@ -330,7 +336,7 @@ describe('ReactIncrementalErrorHandling', () => {
       ReactNoop.render(
         <RethrowErrorBoundary>
           <BrokenRender />
-        </RethrowErrorBoundary>
+        </RethrowErrorBoundary>,
       );
     });
 
@@ -368,7 +374,7 @@ describe('ReactIncrementalErrorHandling', () => {
         ReactNoop.render(
           <RethrowErrorBoundary>
             <BrokenRender />
-          </RethrowErrorBoundary>
+          </RethrowErrorBoundary>,
         );
       });
     }).toThrow('Hello');
@@ -404,12 +410,12 @@ describe('ReactIncrementalErrorHandling', () => {
           ReactNoop.render(
             <RethrowErrorBoundary>
               Before the storm.
-            </RethrowErrorBoundary>
+            </RethrowErrorBoundary>,
           );
           ReactNoop.render(
             <RethrowErrorBoundary>
               <BrokenRender />
-            </RethrowErrorBoundary>
+            </RethrowErrorBoundary>,
           );
         });
       });
@@ -562,7 +568,9 @@ describe('ReactIncrementalErrorHandling', () => {
       }
       render() {
         if (this.state.error) {
-          return <span prop={`Caught an error: ${this.state.error.message}.`} />;
+          return (
+            <span prop={`Caught an error: ${this.state.error.message}.`} />
+          );
         }
         return this.props.children;
       }
@@ -576,11 +584,13 @@ describe('ReactIncrementalErrorHandling', () => {
       <ErrorBoundary>
         <BrokenRender />
       </ErrorBoundary>,
-      'a'
+      'a',
     );
     ReactNoop.renderToRootWithID(<span prop="b:1" />, 'b');
     ReactNoop.flush();
-    expect(ReactNoop.getChildren('a')).toEqual([span('Caught an error: Hello.')]);
+    expect(ReactNoop.getChildren('a')).toEqual([
+      span('Caught an error: Hello.'),
+    ]);
     expect(ReactNoop.getChildren('b')).toEqual([span('b:1')]);
   });
 
@@ -669,8 +679,8 @@ describe('ReactIncrementalErrorHandling', () => {
 
   it('unwinds the context stack correctly on error', () => {
     class Provider extends React.Component {
-      static childContextTypes = { message: React.PropTypes.string };
-      static contextTypes = { message: React.PropTypes.string };
+      static childContextTypes = {message: React.PropTypes.string};
+      static contextTypes = {message: React.PropTypes.string};
       getChildContext() {
         return {
           message: (this.context.message || '') + this.props.message,
@@ -694,9 +704,9 @@ describe('ReactIncrementalErrorHandling', () => {
     }
 
     class Boundary extends React.Component {
-      state = { error: null };
+      state = {error: null};
       unstable_handleError(error) {
-        this.setState({ error });
+        this.setState({error});
       }
       render() {
         return (
@@ -717,14 +727,12 @@ describe('ReactIncrementalErrorHandling', () => {
       <Provider message="a">
         <Boundary />
         <Connector />
-      </Provider>
+      </Provider>,
     );
     ReactNoop.flush();
 
     // If the context stack does not unwind, span will get 'abcde'
-    expect(ReactNoop.getChildren()).toEqual([
-      span('a'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([span('a')]);
   });
 
   it('catches reconciler errors in a boundary during mounting', () => {
@@ -750,15 +758,17 @@ describe('ReactIncrementalErrorHandling', () => {
     ReactNoop.render(
       <ErrorBoundary>
         <BrokenRender />
-      </ErrorBoundary>
+      </ErrorBoundary>,
     );
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([span(
-      'Element type is invalid: expected a string (for built-in components) or ' +
-      'a class/function (for composite components) but got: undefined. ' +
-      'You likely forgot to export your component from the file it\'s ' +
-      'defined in.\n\nCheck the render method of `BrokenRender`.'
-    )]);
+    expect(ReactNoop.getChildren()).toEqual([
+      span(
+        'Element type is invalid: expected a string (for built-in components) or ' +
+          'a class/function (for composite components) but got: undefined. ' +
+          "You likely forgot to export your component from the file it's " +
+          'defined in.\n\nCheck the render method of `BrokenRender`.',
+      ),
+    ]);
     expect(console.error.calls.count()).toBe(1);
   });
 
@@ -786,22 +796,24 @@ describe('ReactIncrementalErrorHandling', () => {
     ReactNoop.render(
       <ErrorBoundary>
         <BrokenRender fail={false} />
-      </ErrorBoundary>
+      </ErrorBoundary>,
     );
     ReactNoop.flush();
 
     ReactNoop.render(
       <ErrorBoundary>
         <BrokenRender fail={true} />
-      </ErrorBoundary>
+      </ErrorBoundary>,
     );
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([span(
-      'Element type is invalid: expected a string (for built-in components) or ' +
-      'a class/function (for composite components) but got: undefined. ' +
-      'You likely forgot to export your component from the file it\'s ' +
-      'defined in.\n\nCheck the render method of `BrokenRender`.'
-    )]);
+    expect(ReactNoop.getChildren()).toEqual([
+      span(
+        'Element type is invalid: expected a string (for built-in components) or ' +
+          'a class/function (for composite components) but got: undefined. ' +
+          "You likely forgot to export your component from the file it's " +
+          'defined in.\n\nCheck the render method of `BrokenRender`.',
+      ),
+    ]);
     expect(console.error.calls.count()).toBe(1);
   });
 
@@ -813,9 +825,9 @@ describe('ReactIncrementalErrorHandling', () => {
       ReactNoop.flush();
     }).toThrowError(
       'Element type is invalid: expected a string (for built-in components) or ' +
-      'a class/function (for composite components) but got: undefined. ' +
-      'You likely forgot to export your component from the file it\'s ' +
-      'defined in.'
+        'a class/function (for composite components) but got: undefined. ' +
+        "You likely forgot to export your component from the file it's " +
+        'defined in.',
     );
 
     ReactNoop.render(<span prop="hi" />);
@@ -856,7 +868,7 @@ describe('ReactIncrementalErrorHandling', () => {
         <Parent>
           <BrokenRenderAndUnmount />
         </Parent>
-      </Parent>
+      </Parent>,
     );
     ReactNoop.flush();
 
@@ -906,11 +918,7 @@ describe('ReactIncrementalErrorHandling', () => {
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
     expect(ops).toEqual(['barRef attach']);
-    expect(ReactNoop.getChildren()).toEqual([
-      div(
-        span('Bar'),
-      ),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(span('Bar'))]);
 
     ops = [];
 
@@ -978,15 +986,15 @@ describe('ReactIncrementalErrorHandling', () => {
       const errorMessage = console.error.calls.argsFor(0)[0];
       expect(errorMessage).toContain(
         'React caught an error thrown by ErrorThrowingComponent. ' +
-        'You should fix this error in your code. ' +
-        'Consider adding an error boundary to your tree to customize error handling behavior.'
+          'You should fix this error in your code. ' +
+          'Consider adding an error boundary to your tree to customize error handling behavior.',
       );
       expect(errorMessage).toContain('Error: componentWillMount error');
       expect(normalizeCodeLocInfo(errorMessage)).toContain(
         'The error is located at: \n' +
-        '    in ErrorThrowingComponent (at **)\n' +
-        '    in span (at **)\n' +
-        '    in div (at **)'
+          '    in ErrorThrowingComponent (at **)\n' +
+          '    in span (at **)\n' +
+          '    in div (at **)',
       );
     });
 
@@ -1012,15 +1020,15 @@ describe('ReactIncrementalErrorHandling', () => {
       const errorMessage = console.error.calls.argsFor(0)[0];
       expect(errorMessage).toContain(
         'React caught an error thrown by ErrorThrowingComponent. ' +
-        'You should fix this error in your code. ' +
-        'Consider adding an error boundary to your tree to customize error handling behavior.'
+          'You should fix this error in your code. ' +
+          'Consider adding an error boundary to your tree to customize error handling behavior.',
       );
       expect(errorMessage).toContain('Error: componentDidMount error');
       expect(normalizeCodeLocInfo(errorMessage)).toContain(
         'The error is located at: \n' +
-        '    in ErrorThrowingComponent (at **)\n' +
-        '    in span (at **)\n' +
-        '    in div (at **)'
+          '    in ErrorThrowingComponent (at **)\n' +
+          '    in span (at **)\n' +
+          '    in div (at **)',
       );
     });
 
@@ -1038,10 +1046,10 @@ describe('ReactIncrementalErrorHandling', () => {
 
       const ReactFiberErrorLogger = require('ReactFiberErrorLogger');
       ReactFiberErrorLogger.logCapturedError.mockImplementation(
-        (capturedError) => {
+        capturedError => {
           logCapturedErrorCalls.push(capturedError);
           throw Error('logCapturedError error');
-        }
+        },
       );
 
       try {
@@ -1053,7 +1061,9 @@ describe('ReactIncrementalErrorHandling', () => {
 
       // The error thrown in logCapturedError should also be logged
       expect(console.error.calls.count()).toBe(1);
-      expect(console.error.calls.argsFor(0)[0].message).toContain('logCapturedError error');
+      expect(console.error.calls.argsFor(0)[0].message).toContain(
+        'logCapturedError error',
+      );
     });
 
     it('should relay info about error boundary and retry attempts if applicable', () => {
@@ -1099,15 +1109,15 @@ describe('ReactIncrementalErrorHandling', () => {
       expect(console.error.calls.count()).toBe(2);
       expect(console.error.calls.argsFor(0)[0]).toContain(
         'React caught an error thrown by ErrorThrowingComponent. ' +
-        'You should fix this error in your code. ' +
-        'React will try to recreate this component tree from scratch ' +
-        'using the error boundary you provided, ErrorBoundaryComponent.'
+          'You should fix this error in your code. ' +
+          'React will try to recreate this component tree from scratch ' +
+          'using the error boundary you provided, ErrorBoundaryComponent.',
       );
       expect(console.error.calls.argsFor(1)[0]).toContain(
         'React caught an error thrown by ErrorThrowingComponent. ' +
-        'You should fix this error in your code. ' +
-        'This error was initially handled by the error boundary ErrorBoundaryComponent. ' +
-        'Recreating the tree from scratch failed so React will unmount the tree.'
+          'You should fix this error in your code. ' +
+          'This error was initially handled by the error boundary ErrorBoundaryComponent. ' +
+          'Recreating the tree from scratch failed so React will unmount the tree.',
       );
     });
   });
diff --git a/src/renderers/shared/fiber/__tests__/ReactIncrementalPerf-test.js b/src/renderers/shared/fiber/__tests__/ReactIncrementalPerf-test.js
index 98780e516c..b4a4748003 100644
--- a/src/renderers/shared/fiber/__tests__/ReactIncrementalPerf-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactIncrementalPerf-test.js
@@ -41,7 +41,7 @@ describe('ReactDebugFiberPerf', () => {
 
   function addComment(comment) {
     activeMeasure.children.push(
-      `${'  '.repeat(activeMeasure.indent + 1)}// ${comment}`
+      `${'  '.repeat(activeMeasure.indent + 1)}// ${comment}`,
     );
   }
 
@@ -73,10 +73,9 @@ describe('ReactDebugFiberPerf', () => {
             return [
               '  '.repeat(this.indent) + this.label,
               ...this.children.map(c => c.toString()),
-            ].join('\n') + (
+            ].join('\n') +
               // Extra newline after each root reconciliation
-              this.indent === 0 ? '\n' : ''
-            );
+              (this.indent === 0 ? '\n' : '');
           },
         };
         // Step one level deeper
@@ -175,7 +174,7 @@ describe('ReactDebugFiberPerf', () => {
         <Parent>
           <B ref={inst => b = inst} />
         </Parent>
-      </Parent>
+      </Parent>,
     );
     ReactNoop.flush();
     resetFlamechart();
@@ -283,7 +282,7 @@ describe('ReactDebugFiberPerf', () => {
           <div hidden={true}>
             <Child />
           </div>
-        </Parent>
+        </Parent>,
       );
     });
     addComment('Flush the parent');
@@ -314,7 +313,7 @@ describe('ReactDebugFiberPerf', () => {
         <B>
           <Child />
         </B>
-      </Parent>
+      </Parent>,
     );
     addComment('Start mounting Parent and A');
     ReactNoop.flushDeferredPri(40);
@@ -372,7 +371,7 @@ describe('ReactDebugFiberPerf', () => {
             <Baddie />
           </Parent>
         </Boundary>
-      </Parent>
+      </Parent>,
     );
     addComment('Stop on Baddie and restart from Boundary');
     ReactNoop.flush();
@@ -404,7 +403,7 @@ describe('ReactDebugFiberPerf', () => {
         <B />
         <A />
         <B />
-      </Parent>
+      </Parent>,
     );
     ReactNoop.flush();
     resetFlamechart();
@@ -415,7 +414,7 @@ describe('ReactDebugFiberPerf', () => {
         <B />
         <A />
         <B />
-      </Parent>
+      </Parent>,
     );
     addComment('The commit phase should mention A and B just once');
     ReactNoop.flush();
@@ -425,20 +424,20 @@ describe('ReactDebugFiberPerf', () => {
         <B />
         <A />
         <B cascade={true} />
-      </Parent>
+      </Parent>,
     );
-    addComment('Because of deduplication, we don\'t know B was cascading,');
+    addComment("Because of deduplication, we don't know B was cascading,");
     addComment('but we should still see the warning for the commit phase.');
     ReactNoop.flush();
     expect(getFlameChart()).toMatchSnapshot();
   });
 
   it('supports coroutines', () => {
-    function Continuation({ isSame }) {
+    function Continuation({isSame}) {
       return <span prop={isSame ? 'foo==bar' : 'foo!=bar'} />;
     }
 
-    function CoChild({ bar }) {
+    function CoChild({bar}) {
       return ReactCoroutine.createYield({
         props: {
           bar: bar,
@@ -452,16 +451,16 @@ describe('ReactDebugFiberPerf', () => {
     }
 
     function HandleYields(props, yields) {
-      return yields.map(y =>
+      return yields.map(y => (
         <y.continuation isSame={props.foo === y.props.bar} />
-      );
+      ));
     }
 
     function CoParent(props) {
       return ReactCoroutine.createCoroutine(
         props.children,
         HandleYields,
-        props
+        props,
       );
     }
 
@@ -479,7 +478,7 @@ describe('ReactDebugFiberPerf', () => {
     ReactNoop.render(
       <Parent>
         {ReactPortal.createPortal(<Child />, noopContainer, null)}
-      </Parent>
+      </Parent>,
     );
     ReactNoop.flush();
     expect(getFlameChart()).toMatchSnapshot();
diff --git a/src/renderers/shared/fiber/__tests__/ReactIncrementalReflection-test.js b/src/renderers/shared/fiber/__tests__/ReactIncrementalReflection-test.js
index 187ff7095e..bae5b1e35f 100644
--- a/src/renderers/shared/fiber/__tests__/ReactIncrementalReflection-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactIncrementalReflection-test.js
@@ -25,7 +25,6 @@ describe('ReactIncrementalReflection', () => {
   });
 
   it('handles isMounted even when the initial render is deferred', () => {
-
     let ops = [];
 
     const instances = [];
@@ -52,9 +51,7 @@ describe('ReactIncrementalReflection', () => {
     // Render part way through but don't yet commit the updates.
     ReactNoop.flushDeferredPri(20);
 
-    expect(ops).toEqual([
-      'componentWillMount', false,
-    ]);
+    expect(ops).toEqual(['componentWillMount', false]);
 
     expect(instances[0].isMounted()).toBe(false);
 
@@ -63,16 +60,12 @@ describe('ReactIncrementalReflection', () => {
     // Render the rest and commit the updates.
     ReactNoop.flush();
 
-    expect(ops).toEqual([
-      'componentDidMount', true,
-    ]);
+    expect(ops).toEqual(['componentDidMount', true]);
 
     expect(instances[0].isMounted()).toBe(true);
-
   });
 
   it('handles isMounted when an unmount is deferred', () => {
-
     let ops = [];
 
     const instances = [];
@@ -120,16 +113,12 @@ describe('ReactIncrementalReflection', () => {
     // Finish flushing the unmount.
     ReactNoop.flush();
 
-    expect(ops).toEqual([
-      'componentWillUnmount', true,
-    ]);
+    expect(ops).toEqual(['componentWillUnmount', true]);
 
     expect(instances[0].isMounted()).toBe(false);
-
   });
 
   it('finds no node before insertion and correct node before deletion', () => {
-
     let ops = [];
 
     let classInstance = null;
@@ -153,15 +142,15 @@ describe('ReactIncrementalReflection', () => {
       }
       render() {
         ops.push('render');
-        return this.props.step < 2 ?
-          <span ref={ref => this.span = ref} /> :
-          this.props.step === 2 ?
-          <div ref={ref => this.div = ref} /> :
-          this.props.step === 3 ?
-          null :
-          this.props.step === 4 ?
-          <div ref={ref => this.span = ref} /> :
-          null;
+        return this.props.step < 2
+          ? <span ref={ref => this.span = ref} />
+          : this.props.step === 2
+              ? <div ref={ref => this.div = ref} />
+              : this.props.step === 3
+                  ? null
+                  : this.props.step === 4
+                      ? <div ref={ref => this.span = ref} />
+                      : null;
       }
     }
 
@@ -172,10 +161,7 @@ describe('ReactIncrementalReflection', () => {
     }
 
     function Foo(props) {
-      return [
-        <Component step={props.step} />,
-        <Sibling />,
-      ];
+      return [<Component step={props.step} />, <Sibling />];
     }
 
     ReactNoop.render(<Foo step={0} />);
@@ -183,7 +169,8 @@ describe('ReactIncrementalReflection', () => {
     ReactNoop.flushDeferredPri(30);
 
     expect(ops).toEqual([
-      'componentWillMount', null,
+      'componentWillMount',
+      null,
       'render',
       'render sibling',
     ]);
@@ -202,9 +189,7 @@ describe('ReactIncrementalReflection', () => {
 
     expect(ReactNoop.findInstance(classInstance)).toBe(hostSpan);
 
-    expect(ops).toEqual([
-      'componentDidMount', hostSpan,
-    ]);
+    expect(ops).toEqual(['componentDidMount', hostSpan]);
 
     ops = [];
 
@@ -214,10 +199,12 @@ describe('ReactIncrementalReflection', () => {
     ReactNoop.flush();
 
     expect(ops).toEqual([
-      'componentWillUpdate', hostSpan,
+      'componentWillUpdate',
+      hostSpan,
       'render',
       'render sibling',
-      'componentDidUpdate', hostSpan,
+      'componentDidUpdate',
+      hostSpan,
     ]);
 
     expect(ReactNoop.findInstance(classInstance)).toBe(hostSpan);
@@ -230,7 +217,8 @@ describe('ReactIncrementalReflection', () => {
     ReactNoop.flushDeferredPri(30);
 
     expect(ops).toEqual([
-      'componentWillUpdate', hostSpan,
+      'componentWillUpdate',
+      hostSpan,
       'render',
       'render sibling',
     ]);
@@ -248,9 +236,7 @@ describe('ReactIncrementalReflection', () => {
     expect(hostDiv).toBeDefined();
     expect(hostSpan).not.toBe(hostDiv);
 
-    expect(ops).toEqual([
-      'componentDidUpdate', hostDiv,
-    ]);
+    expect(ops).toEqual(['componentDidUpdate', hostDiv]);
 
     ops = [];
 
@@ -262,7 +248,8 @@ describe('ReactIncrementalReflection', () => {
     ReactNoop.flushDeferredPri(25);
 
     expect(ops).toEqual([
-      'componentWillUpdate', hostDiv,
+      'componentWillUpdate',
+      hostDiv,
       'render',
       'render sibling',
     ]);
@@ -274,9 +261,7 @@ describe('ReactIncrementalReflection', () => {
 
     ReactNoop.flush();
 
-    expect(ops).toEqual([
-      'componentDidUpdate', null,
-    ]);
+    expect(ops).toEqual(['componentDidUpdate', null]);
 
     // This should still be the host div since the deletion is not committed.
     expect(ReactNoop.findInstance(classInstance)).toBe(null);
@@ -290,8 +275,6 @@ describe('ReactIncrementalReflection', () => {
     // Unmount the component.
     ReactNoop.render([]);
     ReactNoop.flush();
-    expect(ops).toEqual([
-      'componentWillUnmount', hostDiv,
-    ]);
+    expect(ops).toEqual(['componentWillUnmount', hostDiv]);
   });
 });
diff --git a/src/renderers/shared/fiber/__tests__/ReactIncrementalScheduling-test.js b/src/renderers/shared/fiber/__tests__/ReactIncrementalScheduling-test.js
index cbc037579d..8bc9176ef3 100644
--- a/src/renderers/shared/fiber/__tests__/ReactIncrementalScheduling-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactIncrementalScheduling-test.js
@@ -25,7 +25,7 @@ describe('ReactIncrementalScheduling', () => {
   });
 
   function span(prop) {
-    return { type: 'span', children: [], prop };
+    return {type: 'span', children: [], prop};
   }
 
   it('schedules and flushes deferred work', () => {
@@ -60,12 +60,12 @@ describe('ReactIncrementalScheduling', () => {
 
   it('schedules an animation callback when there`\s leftover animation work', () => {
     class Foo extends React.Component {
-      state = { step: 0 };
+      state = {step: 0};
       componentDidMount() {
         ReactNoop.performAnimationWork(() => {
-          this.setState({ step: 2 });
+          this.setState({step: 2});
         });
-        this.setState({ step: 1 });
+        this.setState({step: 1});
       }
       render() {
         return <span prop={this.state.step} />;
@@ -152,11 +152,11 @@ describe('ReactIncrementalScheduling', () => {
     var ops = [];
 
     class Foo extends React.Component {
-      state = { tick: 0 };
+      state = {tick: 0};
 
       componentDidMount() {
         ops.push('componentDidMount (before setState): ' + this.state.tick);
-        this.setState({ tick: 1 });
+        this.setState({tick: 1});
         // We're in a batch. Update hasn't flushed yet.
         ops.push('componentDidMount (after setState): ' + this.state.tick);
       }
@@ -165,7 +165,7 @@ describe('ReactIncrementalScheduling', () => {
         ops.push('componentDidUpdate: ' + this.state.tick);
         if (this.state.tick === 2) {
           ops.push('componentDidUpdate (before setState): ' + this.state.tick);
-          this.setState({ tick: 3 });
+          this.setState({tick: 3});
           ops.push('componentDidUpdate (after setState): ' + this.state.tick);
           // We're in a batch. Update hasn't flushed yet.
         }
@@ -192,7 +192,7 @@ describe('ReactIncrementalScheduling', () => {
     ]);
 
     ops = [];
-    instance.setState({ tick: 2 });
+    instance.setState({tick: 2});
     ReactNoop.flushDeferredPri(20 + 5);
 
     expect(ops).toEqual([
@@ -212,12 +212,12 @@ describe('ReactIncrementalScheduling', () => {
     var ops = [];
 
     class Foo extends React.Component {
-      state = { tick: 0 };
+      state = {tick: 0};
 
       componentDidMount() {
         ReactNoop.performAnimationWork(() => {
           ops.push('componentDidMount (before setState): ' + this.state.tick);
-          this.setState({ tick: 1 });
+          this.setState({tick: 1});
           ops.push('componentDidMount (after setState): ' + this.state.tick);
         });
       }
@@ -226,8 +226,10 @@ describe('ReactIncrementalScheduling', () => {
         ReactNoop.performAnimationWork(() => {
           ops.push('componentDidUpdate: ' + this.state.tick);
           if (this.state.tick === 2) {
-            ops.push('componentDidUpdate (before setState): ' + this.state.tick);
-            this.setState({ tick: 3 });
+            ops.push(
+              'componentDidUpdate (before setState): ' + this.state.tick,
+            );
+            this.setState({tick: 3});
             ops.push('componentDidUpdate (after setState): ' + this.state.tick);
           }
         });
@@ -256,13 +258,10 @@ describe('ReactIncrementalScheduling', () => {
     ops = [];
 
     ReactNoop.flushAnimationPri();
-    expect(ops).toEqual([
-      'render: 1',
-      'componentDidUpdate: 1',
-    ]);
+    expect(ops).toEqual(['render: 1', 'componentDidUpdate: 1']);
 
     ops = [];
-    instance.setState({ tick: 2 });
+    instance.setState({tick: 2});
     ReactNoop.flushDeferredPri(20 + 5);
 
     expect(ops).toEqual([
@@ -279,20 +278,17 @@ describe('ReactIncrementalScheduling', () => {
     ops = [];
 
     ReactNoop.flushAnimationPri();
-    expect(ops).toEqual([
-      'render: 3',
-      'componentDidUpdate: 3',
-    ]);
+    expect(ops).toEqual(['render: 3', 'componentDidUpdate: 3']);
   });
 
   it('performs Task work even after time runs out', () => {
     class Foo extends React.Component {
-      state = { step: 1 };
+      state = {step: 1};
       componentDidMount() {
-        this.setState({ step: 2 }, () => {
-          this.setState({ step: 3 }, () => {
-            this.setState({ step: 4 }, () => {
-              this.setState({ step: 5 });
+        this.setState({step: 2}, () => {
+          this.setState({step: 3}, () => {
+            this.setState({step: 4}, () => {
+              this.setState({step: 5});
             });
           });
         });
@@ -315,13 +311,13 @@ describe('ReactIncrementalScheduling', () => {
 
   it('does not perform animation work after time runs out', () => {
     class Foo extends React.Component {
-      state = { step: 1 };
+      state = {step: 1};
       componentDidMount() {
         ReactNoop.performAnimationWork(() => {
-          this.setState({ step: 2 }, () => {
-            this.setState({ step: 3 }, () => {
-              this.setState({ step: 4 }, () => {
-                this.setState({ step: 5 });
+          this.setState({step: 2}, () => {
+            this.setState({step: 3}, () => {
+              this.setState({step: 4}, () => {
+                this.setState({step: 5});
               });
             });
           });
@@ -374,7 +370,7 @@ describe('ReactIncrementalScheduling', () => {
     let instance;
     let ops = [];
     class Foo extends React.Component {
-      state = { step: 0 };
+      state = {step: 0};
       componentDidUpdate() {
         ops.push('componentDidUpdate: ' + this.state.step);
         if (this.state.step === 1) {
@@ -382,7 +378,7 @@ describe('ReactIncrementalScheduling', () => {
             // This is a nested state update, so it should not be
             // flushed synchronously, even though we wrapped it
             // in unbatchedUpdates.
-            this.setState({ step: 2 });
+            this.setState({step: 2});
           });
           expect(ReactNoop.getChildren()).toEqual([span(1)]);
         }
@@ -398,7 +394,7 @@ describe('ReactIncrementalScheduling', () => {
     expect(ReactNoop.getChildren()).toEqual([span(0)]);
 
     ReactNoop.syncUpdates(() => {
-      instance.setState({ step: 1 });
+      instance.setState({step: 1});
       expect(ReactNoop.getChildren()).toEqual([span(2)]);
     });
 
diff --git a/src/renderers/shared/fiber/__tests__/ReactIncrementalSideEffects-test.js b/src/renderers/shared/fiber/__tests__/ReactIncrementalSideEffects-test.js
index 04e3daeebb..97106fbc96 100644
--- a/src/renderers/shared/fiber/__tests__/ReactIncrementalSideEffects-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactIncrementalSideEffects-test.js
@@ -29,16 +29,15 @@ describe('ReactIncrementalSideEffects', () => {
   }
 
   function div(...children) {
-    children = children.map(c => typeof c === 'string' ? { text: c } : c);
-    return { type: 'div', children, prop: undefined };
+    children = children.map(c => typeof c === 'string' ? {text: c} : c);
+    return {type: 'div', children, prop: undefined};
   }
 
   function span(prop) {
-    return { type: 'span', children: [], prop };
+    return {type: 'span', children: [], prop};
   }
 
   it('can update child nodes of a host instance', () => {
-
     function Bar(props) {
       return <span>{props.text}</span>;
     }
@@ -54,20 +53,14 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo text="Hello" />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(span()),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(span())]);
 
     ReactNoop.render(<Foo text="World" />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(span(), span()),
-    ]);
-
+    expect(ReactNoop.getChildren()).toEqual([div(span(), span())]);
   });
 
   it('can update child nodes of a fragment', function() {
-
     function Bar(props) {
       return <span>{props.text}</span>;
     }
@@ -76,13 +69,11 @@ describe('ReactIncrementalSideEffects', () => {
       return (
         <div>
           <Bar text={props.text} />
-          {props.text === 'World' ? [
-            <Bar key="a" text={props.text} />,
-            <div key="b" />,
-          ] : props.text === 'Hi' ? [
-            <div key="b" />,
-            <Bar key="a" text={props.text} />,
-          ] : null}
+          {props.text === 'World'
+            ? [<Bar key="a" text={props.text} />, <div key="b" />]
+            : props.text === 'Hi'
+                ? [<div key="b" />, <Bar key="a" text={props.text} />]
+                : null}
           <span prop="test" />
         </div>
       );
@@ -90,9 +81,7 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo text="Hello" />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(span(), span('test')),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(span(), span('test'))]);
 
     ReactNoop.render(<Foo text="World" />);
     ReactNoop.flush();
@@ -105,11 +94,9 @@ describe('ReactIncrementalSideEffects', () => {
     expect(ReactNoop.getChildren()).toEqual([
       div(span(), div(), span(), span('test')),
     ]);
-
   });
 
   it('can update child nodes rendering into text nodes', function() {
-
     function Bar(props) {
       return props.text;
     }
@@ -118,30 +105,23 @@ describe('ReactIncrementalSideEffects', () => {
       return (
         <div>
           <Bar text={props.text} />
-          {props.text === 'World' ? [
-            <Bar key="a" text={props.text} />,
-            '!',
-          ] : null}
+          {props.text === 'World'
+            ? [<Bar key="a" text={props.text} />, '!']
+            : null}
         </div>
       );
     }
 
     ReactNoop.render(<Foo text="Hello" />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div('Hello'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div('Hello')]);
 
     ReactNoop.render(<Foo text="World" />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div('World', 'World', '!'),
-    ]);
-
+    expect(ReactNoop.getChildren()).toEqual([div('World', 'World', '!')]);
   });
 
   it('can deletes children either components, host or text', function() {
-
     function Bar(props) {
       return <span prop={props.children} />;
     }
@@ -149,11 +129,9 @@ describe('ReactIncrementalSideEffects', () => {
     function Foo(props) {
       return (
         <div>
-          {props.show ? [
-            <div key="a" />,
-            <Bar key="b">Hello</Bar>,
-            'World',
-          ] : []}
+          {props.show
+            ? [<div key="a" />, <Bar key="b">Hello</Bar>, 'World']
+            : []}
         </div>
       );
     }
@@ -166,14 +144,10 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo show={false} />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(),
-    ]);
-
+    expect(ReactNoop.getChildren()).toEqual([div()]);
   });
 
   it('can delete a child that changes type - implicit keys', function() {
-
     let unmounted = false;
 
     class ClassComponent extends React.Component {
@@ -192,14 +166,11 @@ describe('ReactIncrementalSideEffects', () => {
     function Foo(props) {
       return (
         <div>
-          {props.useClass ?
-            <ClassComponent /> :
-            props.useFunction ?
-            <FunctionalComponent /> :
-            props.useText ?
-            'Text' :
-            null
-          }
+          {props.useClass
+            ? <ClassComponent />
+            : props.useFunction
+                ? <FunctionalComponent />
+                : props.useText ? 'Text' : null}
           Trail
         </div>
       );
@@ -207,36 +178,26 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo useClass={true} />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(span('Class'), 'Trail'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(span('Class'), 'Trail')]);
 
     expect(unmounted).toBe(false);
 
     ReactNoop.render(<Foo useFunction={true} />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(span('Function'), 'Trail'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(span('Function'), 'Trail')]);
 
     expect(unmounted).toBe(true);
 
     ReactNoop.render(<Foo useText={true} />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div('Text', 'Trail'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div('Text', 'Trail')]);
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div('Trail'),
-    ]);
-
+    expect(ReactNoop.getChildren()).toEqual([div('Trail')]);
   });
 
   it('can delete a child that changes type - explicit keys', function() {
-
     let unmounted = false;
 
     class ClassComponent extends React.Component {
@@ -255,12 +216,9 @@ describe('ReactIncrementalSideEffects', () => {
     function Foo(props) {
       return (
         <div>
-          {props.useClass ?
-            <ClassComponent key="a" /> :
-            props.useFunction ?
-            <FunctionalComponent key="a" /> :
-            null
-          }
+          {props.useClass
+            ? <ClassComponent key="a" />
+            : props.useFunction ? <FunctionalComponent key="a" /> : null}
           Trail
         </div>
       );
@@ -268,30 +226,22 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo useClass={true} />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(span('Class'), 'Trail'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(span('Class'), 'Trail')]);
 
     expect(unmounted).toBe(false);
 
     ReactNoop.render(<Foo useFunction={true} />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(span('Function'), 'Trail'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(span('Function'), 'Trail')]);
 
     expect(unmounted).toBe(true);
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div('Trail'),
-    ]);
-
+    expect(ReactNoop.getChildren()).toEqual([div('Trail')]);
   });
 
   it('does not update child nodes if a flush is aborted', () => {
-
     function Bar(props) {
       return <span prop={props.text} />;
     }
@@ -319,11 +269,9 @@ describe('ReactIncrementalSideEffects', () => {
     expect(ReactNoop.getChildren()).toEqual([
       div(div(span('Hello'), span('Hello')), span('Yo')),
     ]);
-
   });
 
   it('preserves a previously rendered node when deprioritized', () => {
-
     function Middle(props) {
       return <span prop={props.children} />;
     }
@@ -341,27 +289,19 @@ describe('ReactIncrementalSideEffects', () => {
     ReactNoop.render(<Foo text="foo" />);
     ReactNoop.flush();
 
-    expect(ReactNoop.getChildren()).toEqual([
-      div(div(span('foo'))),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(div(span('foo')))]);
 
     ReactNoop.render(<Foo text="bar" />);
     ReactNoop.flushDeferredPri(20);
 
-    expect(ReactNoop.getChildren()).toEqual([
-      div(div(span('foo'))),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(div(span('foo')))]);
 
     ReactNoop.flush();
 
-    expect(ReactNoop.getChildren()).toEqual([
-      div(div(span('bar'))),
-    ]);
-
+    expect(ReactNoop.getChildren()).toEqual([div(div(span('bar')))]);
   });
 
   it('can reuse side-effects after being preempted', () => {
-
     function Bar(props) {
       return <span prop={props.children} />;
     }
@@ -376,14 +316,12 @@ describe('ReactIncrementalSideEffects', () => {
     function Foo(props) {
       return (
         <div hidden={true}>
-          {
-            props.step === 0 ?
-              <div>
+          {props.step === 0
+            ? <div>
                 <Bar>Hi</Bar>
                 <Bar>{props.text}</Bar>
               </div>
-              : middleContent
-          }
+            : middleContent}
         </div>
       );
     }
@@ -422,7 +360,6 @@ describe('ReactIncrementalSideEffects', () => {
   });
 
   it('can reuse side-effects after being preempted, if shouldComponentUpdate is false', () => {
-
     class Bar extends React.Component {
       shouldComponentUpdate(nextProps) {
         return this.props.children !== nextProps.children;
@@ -530,9 +467,7 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      div(span(1)),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([div(span(1))]);
   });
 
   it('can defer side-effects and resume them later on', function() {
@@ -560,16 +495,13 @@ describe('ReactIncrementalSideEffects', () => {
     expect(ReactNoop.getChildren()).toEqual([
       div(
         span(0),
-        div(/*the spans are down-prioritized and not rendered yet*/)
+        div(/*the spans are down-prioritized and not rendered yet*/),
       ),
     ]);
     ReactNoop.render(<Foo tick={1} idx={0} />);
     ReactNoop.flushDeferredPri(35 + 25);
     expect(ReactNoop.getChildren()).toEqual([
-      div(
-        span(1),
-        div(/*still not rendered yet*/)
-      ),
+      div(span(1), div(/*still not rendered yet*/)),
     ]);
     ReactNoop.flushDeferredPri(30 + 25);
     expect(ReactNoop.getChildren()).toEqual([
@@ -578,8 +510,8 @@ describe('ReactIncrementalSideEffects', () => {
         div(
           // Now we had enough time to finish the spans.
           span(0),
-          span(1)
-        )
+          span(1),
+        ),
       ),
     ]);
     var innerSpanA = ReactNoop.getChildren()[0].children[1].children[1];
@@ -591,8 +523,8 @@ describe('ReactIncrementalSideEffects', () => {
         div(
           // Still same old numbers.
           span(0),
-          span(1)
-        )
+          span(1),
+        ),
       ),
     ]);
     ReactNoop.render(<Foo tick={3} idx={1} />);
@@ -603,8 +535,8 @@ describe('ReactIncrementalSideEffects', () => {
         div(
           // New numbers.
           span(1),
-          span(2)
-        )
+          span(2),
+        ),
       ),
     ]);
 
@@ -654,7 +586,7 @@ describe('ReactIncrementalSideEffects', () => {
     expect(ReactNoop.getChildren()).toEqual([
       div(
         span(0),
-        div(/*the spans are down-prioritized and not rendered yet*/)
+        div(/*the spans are down-prioritized and not rendered yet*/),
       ),
     ]);
 
@@ -664,10 +596,7 @@ describe('ReactIncrementalSideEffects', () => {
     ReactNoop.render(<Foo tick={1} idx={0} />);
     ReactNoop.flushDeferredPri(70);
     expect(ReactNoop.getChildren()).toEqual([
-      div(
-        span(1),
-        div(/*still not rendered yet*/)
-      ),
+      div(span(1), div(/*still not rendered yet*/)),
     ]);
 
     expect(ops).toEqual(['Foo']);
@@ -684,8 +613,8 @@ describe('ReactIncrementalSideEffects', () => {
           span(0),
           span(0),
           span(0),
-          span(0)
-        )
+          span(0),
+        ),
       ),
     ]);
 
@@ -706,8 +635,8 @@ describe('ReactIncrementalSideEffects', () => {
           span(0),
           span(0),
           span(0),
-          span(0)
-        )
+          span(0),
+        ),
       ),
     ]);
 
@@ -730,8 +659,8 @@ describe('ReactIncrementalSideEffects', () => {
           span(0),
           span(0),
           span(0),
-          span(0)
-        )
+          span(0),
+        ),
       ),
     ]);
 
@@ -751,8 +680,8 @@ describe('ReactIncrementalSideEffects', () => {
           span(1),
           span(1),
           span(1),
-          span(1)
-        )
+          span(1),
+        ),
       ),
     ]);
 
@@ -767,11 +696,11 @@ describe('ReactIncrementalSideEffects', () => {
     class Bar extends React.Component {
       constructor() {
         super();
-        this.state = { active: false };
+        this.state = {active: false};
         barInstances.push(this);
       }
       activate() {
-        this.setState({ active: true });
+        this.setState({active: true});
       }
       render() {
         ops.push('Bar');
@@ -794,14 +723,7 @@ describe('ReactIncrementalSideEffects', () => {
     ReactNoop.render(<Foo tick={0} idx={0} />);
     ReactNoop.flush();
     expect(ReactNoop.getChildren()).toEqual([
-      div(
-        span(0),
-        div(
-          span(0),
-          span(0),
-          span(0)
-        )
-      ),
+      div(span(0), div(span(0), span(0), span(0))),
     ]);
 
     expect(ops).toEqual(['Foo', 'Bar', 'Bar', 'Bar']);
@@ -818,8 +740,8 @@ describe('ReactIncrementalSideEffects', () => {
           // Still not updated.
           span(0),
           span(0),
-          span(0)
-        )
+          span(0),
+        ),
       ),
     ]);
 
@@ -841,8 +763,8 @@ describe('ReactIncrementalSideEffects', () => {
           // Still not updated.
           span(0),
           span(0),
-          span(0)
-        )
+          span(0),
+        ),
       ),
     ]);
 
@@ -860,7 +782,7 @@ describe('ReactIncrementalSideEffects', () => {
           span('X'),
           span(1),
           span(1),
-        )
+        ),
       ),
     ]);
 
@@ -876,7 +798,7 @@ describe('ReactIncrementalSideEffects', () => {
       constructor() {
         super();
         instance = this;
-        this.state = { text: 'foo' };
+        this.state = {text: 'foo'};
       }
       render() {
         return <span prop={this.state.text} />;
@@ -885,14 +807,10 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      span('foo'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([span('foo')]);
     let called = false;
-    instance.setState({ text: 'bar' }, () => {
-      expect(ReactNoop.getChildren()).toEqual([
-        span('bar'),
-      ]);
+    instance.setState({text: 'bar'}, () => {
+      expect(ReactNoop.getChildren()).toEqual([span('bar')]);
       called = true;
     });
     ReactNoop.flush();
@@ -905,7 +823,7 @@ describe('ReactIncrementalSideEffects', () => {
       constructor() {
         super();
         instance = this;
-        this.state = { text: 'foo' };
+        this.state = {text: 'foo'};
       }
       shouldComponentUpdate(nextProps, nextState) {
         return this.state.text !== nextState.text;
@@ -917,9 +835,7 @@ describe('ReactIncrementalSideEffects', () => {
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-    expect(ReactNoop.getChildren()).toEqual([
-      span('foo'),
-    ]);
+    expect(ReactNoop.getChildren()).toEqual([span('foo')]);
     let called = false;
     instance.setState({}, () => {
       called = true;
@@ -931,7 +847,6 @@ describe('ReactIncrementalSideEffects', () => {
   // TODO: Test that callbacks are not lost if an update is preempted.
 
   it('calls componentWillUnmount after a deletion, even if nested', () => {
-
     var ops = [];
 
     class Bar extends React.Component {
@@ -955,18 +870,17 @@ describe('ReactIncrementalSideEffects', () => {
     function Foo(props) {
       return (
         <div>
-          {props.show ? [
-            <Bar key="a" name="A" />,
-            <Wrapper key="b" name="B" />,
-            <div key="cd">
-              <Bar name="C" />
-              <Wrapper name="D" />,
-            </div>,
-            [
-              <Bar key="e" name="E" />,
-              <Bar key="f" name="F" />,
-            ],
-          ] : []}
+          {props.show
+            ? [
+                <Bar key="a" name="A" />,
+                <Wrapper key="b" name="B" />,
+                <div key="cd">
+                  <Bar name="C" />
+                  <Wrapper name="D" />,
+                </div>,
+                [<Bar key="e" name="E" />, <Bar key="f" name="F" />],
+              ]
+            : []}
           <div>
             {props.show ? <Bar key="g" name="G" /> : null}
           </div>
@@ -992,11 +906,9 @@ describe('ReactIncrementalSideEffects', () => {
       'F',
       'G',
     ]);
-
   });
 
   it('calls componentDidMount/Update after insertion/update', () => {
-
     var ops = [];
 
     class Bar extends React.Component {
@@ -1032,10 +944,7 @@ describe('ReactIncrementalSideEffects', () => {
             <Bar name="C" />
             <Wrapper name="D" />
           </div>
-          {[
-            <Bar key="e" name="E" />,
-            <Bar key="f" name="F" />,
-          ]}
+          {[<Bar key="e" name="E" />, <Bar key="f" name="F" />]}
           <div>
             <Bar key="g" name="G" />
           </div>
@@ -1072,7 +981,6 @@ describe('ReactIncrementalSideEffects', () => {
       'update:F',
       'update:G',
     ]);
-
   });
 
   it('invokes ref callbacks after insertion/update/unmount', () => {
@@ -1093,15 +1001,13 @@ describe('ReactIncrementalSideEffects', () => {
     }
 
     function Foo(props) {
-      return (
-        props.show ?
-        <div>
-          <ClassComponent ref={n => ops.push(n)} />
-          <FunctionalComponent ref={n => ops.push(n)} />
-          <div ref={n => ops.push(n)} />
-        </div> :
-        null
-      );
+      return props.show
+        ? <div>
+            <ClassComponent ref={n => ops.push(n)} />
+            <FunctionalComponent ref={n => ops.push(n)} />
+            <div ref={n => ops.push(n)} />
+          </div>
+        : null;
     }
 
     ReactNoop.render(<Foo show={true} />);
@@ -1138,11 +1044,11 @@ describe('ReactIncrementalSideEffects', () => {
 
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Stateless function components cannot be given refs. ' +
-      'Attempts to access this ref will fail.\n\nCheck the render method ' +
-      'of `Foo`.\n' +
-      '    in FunctionalComponent (at **)\n' +
-      '    in div (at **)\n' +
-      '    in Foo (at **)'
+        'Attempts to access this ref will fail.\n\nCheck the render method ' +
+        'of `Foo`.\n' +
+        '    in FunctionalComponent (at **)\n' +
+        '    in div (at **)\n' +
+        '    in Foo (at **)',
     );
   });
 
diff --git a/src/renderers/shared/fiber/__tests__/ReactIncrementalUpdates-test.js b/src/renderers/shared/fiber/__tests__/ReactIncrementalUpdates-test.js
index 55a241636b..b55d7a3196 100644
--- a/src/renderers/shared/fiber/__tests__/ReactIncrementalUpdates-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactIncrementalUpdates-test.js
@@ -31,11 +31,11 @@ describe('ReactIncrementalUpdates', () => {
       componentDidMount() {
         ReactNoop.performAnimationWork(() => {
           //  Has Animation priority
-          this.setState({ b: 'b' });
-          this.setState({ c: 'c' });
+          this.setState({b: 'b'});
+          this.setState({c: 'c'});
         });
         // Has Task priority
-        this.setState({ a: 'a' });
+        this.setState({a: 'a'});
       }
       render() {
         state = this.state;
@@ -45,9 +45,9 @@ describe('ReactIncrementalUpdates', () => {
 
     ReactNoop.render(<Foo />);
     ReactNoop.flushDeferredPri(25);
-    expect(state).toEqual({ a: 'a' });
+    expect(state).toEqual({a: 'a'});
     ReactNoop.flush();
-    expect(state).toEqual({ a: 'a', b: 'b', c: 'c' });
+    expect(state).toEqual({a: 'a', b: 'b', c: 'c'});
   });
 
   it('applies updates with equal priority in insertion order', () => {
@@ -56,9 +56,9 @@ describe('ReactIncrementalUpdates', () => {
       state = {};
       componentDidMount() {
         // All have Task priority
-        this.setState({ a: 'a' });
-        this.setState({ b: 'b' });
-        this.setState({ c: 'c' });
+        this.setState({a: 'a'});
+        this.setState({b: 'b'});
+        this.setState({c: 'c'});
       }
       render() {
         state = this.state;
@@ -68,7 +68,7 @@ describe('ReactIncrementalUpdates', () => {
 
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
-    expect(state).toEqual({ a: 'a', b: 'b', c: 'c' });
+    expect(state).toEqual({a: 'a', b: 'b', c: 'c'});
   });
 
   it('only drops updates with equal or lesser priority when replaceState is called', () => {
@@ -94,19 +94,19 @@ describe('ReactIncrementalUpdates', () => {
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
 
-    instance.setState({ x: 'x' });
-    instance.setState({ y: 'y' });
+    instance.setState({x: 'x'});
+    instance.setState({y: 'y'});
     ReactNoop.performAnimationWork(() => {
-      instance.setState({ a: 'a' });
-      instance.setState({ b: 'b' });
+      instance.setState({a: 'a'});
+      instance.setState({b: 'b'});
     });
-    instance.replaceState({ c: 'c' });
-    instance.setState({ d: 'd' });
+    instance.replaceState({c: 'c'});
+    instance.setState({d: 'd'});
 
     ReactNoop.flushAnimationPri();
     // Even though a replaceState has been already scheduled, it hasn't been
     // flushed yet because it has low priority.
-    expect(instance.state).toEqual({ a: 'a', b: 'b' });
+    expect(instance.state).toEqual({a: 'a', b: 'b'});
     expect(ops).toEqual([
       'render',
       'componentDidMount',
@@ -118,11 +118,8 @@ describe('ReactIncrementalUpdates', () => {
 
     ReactNoop.flush();
     // Now the rest of the updates are flushed.
-    expect(instance.state).toEqual({ c: 'c', d: 'd' });
-    expect(ops).toEqual([
-      'render',
-      'componentDidUpdate',
-    ]);
+    expect(instance.state).toEqual({c: 'c', d: 'd'});
+    expect(ops).toEqual(['render', 'componentDidUpdate']);
   });
 
   it('can abort an update, schedule additional updates, and resume', () => {
@@ -164,7 +161,7 @@ describe('ReactIncrementalUpdates', () => {
     // expect(ReactNoop.getChildren()).toEqual([span('')]);
     expect(ops).toEqual(['render']);
     expect(progressedUpdates).toEqual(['a', 'b', 'c']);
-    expect(instance.state).toEqual({ a: 'a', b: 'b', c: 'c' });
+    expect(instance.state).toEqual({a: 'a', b: 'b', c: 'c'});
 
     ops = [];
     progressedUpdates = [];
@@ -190,7 +187,15 @@ describe('ReactIncrementalUpdates', () => {
       'componentDidUpdate',
     ]);
     expect(progressedUpdates).toEqual(['d', 'e', 'a', 'b', 'c', 'f', 'g']);
-    expect(instance.state).toEqual({ a: 'a', b: 'b', c: 'c', d: 'd', e: 'e', f: 'f', g: 'g' });
+    expect(instance.state).toEqual({
+      a: 'a',
+      b: 'b',
+      c: 'c',
+      d: 'd',
+      e: 'e',
+      f: 'f',
+      g: 'g',
+    });
   });
 
   it('can abort an update, schedule a replaceState, and resume', () => {
@@ -232,7 +237,7 @@ describe('ReactIncrementalUpdates', () => {
     ReactNoop.flushDeferredPri(20);
     expect(ops).toEqual(['render']);
     expect(progressedUpdates).toEqual(['a', 'b', 'c']);
-    expect(instance.state).toEqual({ a: 'a', b: 'b', c: 'c' });
+    expect(instance.state).toEqual({a: 'a', b: 'b', c: 'c'});
 
     ops = [];
     progressedUpdates = [];
@@ -246,7 +251,7 @@ describe('ReactIncrementalUpdates', () => {
 
     ReactNoop.flush();
     expect(progressedUpdates).toEqual(['d', 'e', 'f', 'g']);
-    expect(instance.state).toEqual({ e: 'e', f: 'f', g: 'g' });
+    expect(instance.state).toEqual({e: 'e', f: 'f', g: 'g'});
   });
 
   it('passes accumulation of previous updates to replaceState updater function', () => {
@@ -263,11 +268,11 @@ describe('ReactIncrementalUpdates', () => {
     ReactNoop.render(<Foo />);
     ReactNoop.flush();
 
-    instance.setState({ a: 'a' });
-    instance.setState({ b: 'b' });
-    instance.replaceState(previousState => ({ previousState }));
+    instance.setState({a: 'a'});
+    instance.setState({b: 'b'});
+    instance.replaceState(previousState => ({previousState}));
     ReactNoop.flush();
-    expect(instance.state).toEqual({ previousState: { a: 'a', b : 'b' } });
+    expect(instance.state).toEqual({previousState: {a: 'a', b: 'b'}});
   });
 
   it('does not call callbacks that are scheduled by another callback until a later commit', () => {
@@ -276,9 +281,9 @@ describe('ReactIncrementalUpdates', () => {
       state = {};
       componentDidMount() {
         ops.push('did mount');
-        this.setState({ a: 'a' }, () => {
+        this.setState({a: 'a'}, () => {
           ops.push('callback a');
-          this.setState({ b: 'b' }, () => {
+          this.setState({b: 'b'}, () => {
             ops.push('callback b');
           });
         });
@@ -309,7 +314,7 @@ describe('ReactIncrementalUpdates', () => {
       state = {};
       componentWillReceiveProps() {
         ops.push('componentWillReceiveProps');
-        this.setState({ b: 'b' });
+        this.setState({b: 'b'});
       }
       render() {
         ops.push('render');
@@ -323,19 +328,15 @@ describe('ReactIncrementalUpdates', () => {
     ops = [];
 
     ReactNoop.performAnimationWork(() => {
-      instance.setState({ a: 'a' });
+      instance.setState({a: 'a'});
       ReactNoop.render(<Foo />); // Trigger componentWillReceiveProps
     });
     ReactNoop.flush();
 
-    expect(instance.state).toEqual({ a: 'a', b: 'b' });
-    expect(ops).toEqual([
-      'componentWillReceiveProps',
-      'render',
-    ]);
+    expect(instance.state).toEqual({a: 'a', b: 'b'});
+    expect(ops).toEqual(['componentWillReceiveProps', 'render']);
   });
 
-
   it('enqueues setState inside an updater function as if the in-progress update is progressed (and warns)', () => {
     spyOn(console, 'error');
     let instance;
@@ -354,8 +355,8 @@ describe('ReactIncrementalUpdates', () => {
 
     instance.setState(function a() {
       ops.push('setState updater');
-      this.setState({ b: 'b' });
-      return { a: 'a' };
+      this.setState({b: 'b'});
+      return {a: 'a'};
     });
 
     ReactNoop.flush();
@@ -367,7 +368,7 @@ describe('ReactIncrementalUpdates', () => {
       // be flushed in the same commit.
       'render',
     ]);
-    expect(instance.state).toEqual({ a: 'a', b: 'b' });
+    expect(instance.state).toEqual({a: 'a', b: 'b'});
 
     expectDev(console.error.calls.count()).toBe(1);
     console.error.calls.reset();
diff --git a/src/renderers/shared/fiber/__tests__/ReactTopLevelFragment-test.js b/src/renderers/shared/fiber/__tests__/ReactTopLevelFragment-test.js
index 703a6310fd..fb0771fcb2 100644
--- a/src/renderers/shared/fiber/__tests__/ReactTopLevelFragment-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactTopLevelFragment-test.js
@@ -27,17 +27,14 @@ describe('ReactTopLevelFragment', function() {
   });
 
   it('should render a simple fragment at the top of a component', function() {
-
     function Fragment() {
       return [<div key="a">Hello</div>, <div key="b">World</div>];
     }
     ReactNoop.render(<Fragment />);
     ReactNoop.flush();
-
   });
 
   it('should preserve state when switching from a single child', function() {
-
     var instance = null;
 
     class Stateful extends React.Component {
@@ -47,9 +44,10 @@ describe('ReactTopLevelFragment', function() {
       }
     }
 
-    function Fragment({ condition }) {
-      return condition ? <Stateful key="a" /> :
-        [<Stateful key="a" />, <div key="b">World</div>];
+    function Fragment({condition}) {
+      return condition
+        ? <Stateful key="a" />
+        : [<Stateful key="a" />, <div key="b">World</div>];
     }
     ReactNoop.render(<Fragment />);
     ReactNoop.flush();
@@ -64,11 +62,9 @@ describe('ReactTopLevelFragment', function() {
     var instanceB = instance;
 
     expect(instanceB).toBe(instanceA);
-
   });
 
   it('should not preserve state when switching to a nested array', function() {
-
     var instance = null;
 
     class Stateful extends React.Component {
@@ -78,9 +74,10 @@ describe('ReactTopLevelFragment', function() {
       }
     }
 
-    function Fragment({ condition }) {
-      return condition ? <Stateful key="a" /> :
-        [[<Stateful key="a" />, <div key="b">World</div>], <div />];
+    function Fragment({condition}) {
+      return condition
+        ? <Stateful key="a" />
+        : [[<Stateful key="a" />, <div key="b">World</div>], <div />];
     }
     ReactNoop.render(<Fragment />);
     ReactNoop.flush();
@@ -95,11 +92,9 @@ describe('ReactTopLevelFragment', function() {
     var instanceB = instance;
 
     expect(instanceB).not.toBe(instanceA);
-
   });
 
   it('preserves state if an implicit key slot switches from/to null', function() {
-
     var instance = null;
 
     class Stateful extends React.Component {
@@ -109,9 +104,10 @@ describe('ReactTopLevelFragment', function() {
       }
     }
 
-    function Fragment({ condition }) {
-      return condition ? [null, <Stateful />] :
-        [<div>Hello</div>, <Stateful />];
+    function Fragment({condition}) {
+      return condition
+        ? [null, <Stateful />]
+        : [<div>Hello</div>, <Stateful />];
     }
     ReactNoop.render(<Fragment />);
     ReactNoop.flush();
@@ -133,11 +129,9 @@ describe('ReactTopLevelFragment', function() {
     var instanceC = instance;
 
     expect(instanceC === instanceA).toBe(true);
-
   });
 
   it('should preserve state in a reorder', function() {
-
     var instance = null;
 
     class Stateful extends React.Component {
@@ -147,9 +141,10 @@ describe('ReactTopLevelFragment', function() {
       }
     }
 
-    function Fragment({ condition }) {
-      return condition ? [[<div key="b">World</div>, <Stateful key="a" />]] :
-        [[<Stateful key="a" />, <div key="b">World</div>], <div />];
+    function Fragment({condition}) {
+      return condition
+        ? [[<div key="b">World</div>, <Stateful key="a" />]]
+        : [[<Stateful key="a" />, <div key="b">World</div>], <div />];
     }
     ReactNoop.render(<Fragment />);
     ReactNoop.flush();
@@ -164,7 +159,5 @@ describe('ReactTopLevelFragment', function() {
     var instanceB = instance;
 
     expect(instanceB).toBe(instanceA);
-
   });
-
 });
diff --git a/src/renderers/shared/fiber/__tests__/ReactTopLevelText-test.js b/src/renderers/shared/fiber/__tests__/ReactTopLevelText-test.js
index 45fb416251..99e5c59b37 100644
--- a/src/renderers/shared/fiber/__tests__/ReactTopLevelText-test.js
+++ b/src/renderers/shared/fiber/__tests__/ReactTopLevelText-test.js
@@ -39,5 +39,4 @@ describe('ReactTopLevelText', () => {
     ReactNoop.flush();
     expect(ReactNoop.getChildren()).toEqual([{text: '10'}]);
   });
-
 });
diff --git a/src/renderers/shared/fiber/isomorphic/ReactCoroutine.js b/src/renderers/shared/fiber/isomorphic/ReactCoroutine.js
index 68f3a99b5d..605b15e883 100644
--- a/src/renderers/shared/fiber/isomorphic/ReactCoroutine.js
+++ b/src/renderers/shared/fiber/isomorphic/ReactCoroutine.js
@@ -12,7 +12,7 @@
 
 'use strict';
 
-import type { ReactNodeList } from 'ReactTypes';
+import type {ReactNodeList} from 'ReactTypes';
 
 // The Symbol used to tag the special React types. If there is no native Symbol
 // nor polyfill, then a plain number is used for performance.
@@ -42,11 +42,11 @@ export type ReactYield = {
 };
 
 exports.createCoroutine = function<T>(
-  children : mixed,
-  handler : CoroutineHandler<T>,
-  props : T,
-  key : ?string = null
-) : ReactCoroutine {
+  children: mixed,
+  handler: CoroutineHandler<T>,
+  props: T,
+  key: ?string = null,
+): ReactCoroutine {
   var coroutine = {
     // This tag allow us to uniquely identify this as a React Coroutine
     $$typeof: REACT_COROUTINE_TYPE,
@@ -67,7 +67,7 @@ exports.createCoroutine = function<T>(
   return coroutine;
 };
 
-exports.createYield = function(value : mixed) : ReactYield {
+exports.createYield = function(value: mixed): ReactYield {
   var yieldNode = {
     // This tag allow us to uniquely identify this as a React Yield
     $$typeof: REACT_YIELD_TYPE,
@@ -87,23 +87,19 @@ exports.createYield = function(value : mixed) : ReactYield {
 /**
  * Verifies the object is a coroutine object.
  */
-exports.isCoroutine = function(object : mixed) : boolean {
-  return (
-    typeof object === 'object' &&
+exports.isCoroutine = function(object: mixed): boolean {
+  return typeof object === 'object' &&
     object !== null &&
-    object.$$typeof === REACT_COROUTINE_TYPE
-  );
+    object.$$typeof === REACT_COROUTINE_TYPE;
 };
 
 /**
  * Verifies the object is a yield object.
  */
-exports.isYield = function(object : mixed) : boolean {
-  return (
-    typeof object === 'object' &&
+exports.isYield = function(object: mixed): boolean {
+  return typeof object === 'object' &&
     object !== null &&
-    object.$$typeof === REACT_YIELD_TYPE
-  );
+    object.$$typeof === REACT_YIELD_TYPE;
 };
 
 exports.REACT_YIELD_TYPE = REACT_YIELD_TYPE;
diff --git a/src/renderers/shared/fiber/isomorphic/ReactPortal.js b/src/renderers/shared/fiber/isomorphic/ReactPortal.js
index 5cb03f96b7..13d99c7116 100644
--- a/src/renderers/shared/fiber/isomorphic/ReactPortal.js
+++ b/src/renderers/shared/fiber/isomorphic/ReactPortal.js
@@ -12,30 +12,31 @@
 
 'use strict';
 
-import type { ReactNodeList } from 'ReactTypes';
+import type {ReactNodeList} from 'ReactTypes';
 
 // The Symbol used to tag the special React types. If there is no native Symbol
 // nor polyfill, then a plain number is used for performance.
-var REACT_PORTAL_TYPE =
-  (typeof Symbol === 'function' && Symbol.for && Symbol.for('react.portal')) ||
+var REACT_PORTAL_TYPE = (typeof Symbol === 'function' &&
+  Symbol.for &&
+  Symbol.for('react.portal')) ||
   0xeaca;
 
 export type ReactPortal = {
   $$typeof: Symbol | number,
   key: null | string,
   containerInfo: any,
-  children : ReactNodeList,
+  children: ReactNodeList,
   // TODO: figure out the API for cross-renderer implementation.
   implementation: any,
 };
 
 exports.createPortal = function(
-  children : ReactNodeList,
-  containerInfo : any,
+  children: ReactNodeList,
+  containerInfo: any,
   // TODO: figure out the API for cross-renderer implementation.
   implementation: any,
-  key : ?string = null
-) : ReactPortal {
+  key: ?string = null,
+): ReactPortal {
   return {
     // This tag allow us to uniquely identify this as a React Portal
     $$typeof: REACT_PORTAL_TYPE,
@@ -49,12 +50,10 @@ exports.createPortal = function(
 /**
  * Verifies the object is a portal object.
  */
-exports.isPortal = function(object : mixed) : boolean {
-  return (
-    typeof object === 'object' &&
+exports.isPortal = function(object: mixed): boolean {
+  return typeof object === 'object' &&
     object !== null &&
-    object.$$typeof === REACT_PORTAL_TYPE
-  );
+    object.$$typeof === REACT_PORTAL_TYPE;
 };
 
 exports.REACT_PORTAL_TYPE = REACT_PORTAL_TYPE;
diff --git a/src/renderers/shared/fiber/isomorphic/ReactTypes.js b/src/renderers/shared/fiber/isomorphic/ReactTypes.js
index 4b90269000..2a3c05a1f5 100644
--- a/src/renderers/shared/fiber/isomorphic/ReactTypes.js
+++ b/src/renderers/shared/fiber/isomorphic/ReactTypes.js
@@ -12,10 +12,16 @@
 
 'use strict';
 
-import type { ReactCoroutine, ReactYield } from 'ReactCoroutine';
-import type { ReactPortal } from 'ReactPortal';
+import type {ReactCoroutine, ReactYield} from 'ReactCoroutine';
+import type {ReactPortal} from 'ReactPortal';
 
-export type ReactNode = ReactElement<any> | ReactCoroutine | ReactYield | ReactPortal | ReactText | ReactFragment;
+export type ReactNode =
+  | ReactElement<any>
+  | ReactCoroutine
+  | ReactYield
+  | ReactPortal
+  | ReactText
+  | ReactFragment;
 
 export type ReactFragment = ReactEmpty | Iterable<ReactNode>;
 
diff --git a/src/renderers/shared/hooks/ReactHostOperationHistoryHook.js b/src/renderers/shared/hooks/ReactHostOperationHistoryHook.js
index 8827275b08..ef3ec1ae8d 100644
--- a/src/renderers/shared/hooks/ReactHostOperationHistoryHook.js
+++ b/src/renderers/shared/hooks/ReactHostOperationHistoryHook.js
@@ -12,19 +12,20 @@
 
 'use strict';
 
-import type { DebugID } from 'ReactInstanceType';
+import type {DebugID} from 'ReactInstanceType';
 
-export type Operation = {instanceID: DebugID} & (
-  {type: 'mount', payload: string} |
-  {type: 'insert child', payload: {toIndex: number, content: string}} |
-  {type: 'move child', payload: {fromIndex: number, toIndex: number}} |
-  {type: 'replace children', payload: string} |
-  {type: 'replace text', payload: string} |
-  {type: 'replace with', payload: string} |
-  {type: 'update styles', payload: mixed /* Style Object */} |
-  {type: 'update attribute', payload: {[name: string]: string}} |
-  {type: 'remove attribute', payload: string}
-);
+export type Operation =
+  & {instanceID: DebugID}
+  & (
+    | {type: 'mount', payload: string}
+    | {type: 'insert child', payload: {toIndex: number, content: string}}
+    | {type: 'move child', payload: {fromIndex: number, toIndex: number}}
+    | {type: 'replace children', payload: string}
+    | {type: 'replace text', payload: string}
+    | {type: 'replace with', payload: string}
+    | {type: 'update styles', payload: mixed /* Style Object */}
+    | {type: 'update attribute', payload: {[name: string]: string}}
+    | {type: 'remove attribute', payload: string});
 
 // Trust the developer to only use this with a __DEV__ check
 var ReactHostOperationHistoryHook = ((null: any): typeof ReactHostOperationHistoryHook);
diff --git a/src/renderers/shared/hooks/ReactInvalidSetStateWarningHook.js b/src/renderers/shared/hooks/ReactInvalidSetStateWarningHook.js
index b121f765ff..6819cd80b0 100644
--- a/src/renderers/shared/hooks/ReactInvalidSetStateWarningHook.js
+++ b/src/renderers/shared/hooks/ReactInvalidSetStateWarningHook.js
@@ -22,7 +22,7 @@ if (__DEV__) {
   var warnInvalidSetState = function() {
     warning(
       !processingChildContext,
-      'setState(...): Cannot call setState() inside getChildContext()'
+      'setState(...): Cannot call setState() inside getChildContext()',
     );
   };
 
diff --git a/src/renderers/shared/shared/ReactInstanceMap.js b/src/renderers/shared/shared/ReactInstanceMap.js
index 24eeb2d740..495c82c311 100644
--- a/src/renderers/shared/shared/ReactInstanceMap.js
+++ b/src/renderers/shared/shared/ReactInstanceMap.js
@@ -20,7 +20,6 @@
 
 // TODO: Replace this with ES6: var ReactInstanceMap = new Map();
 var ReactInstanceMap = {
-
   /**
    * This API should be called `delete` but we'd have to make sure to always
    * transform these to strings for IE support. When this transform is fully
@@ -41,7 +40,6 @@ var ReactInstanceMap = {
   set: function(key, value) {
     key._reactInternalInstance = value;
   },
-
 };
 
 module.exports = ReactInstanceMap;
diff --git a/src/renderers/shared/shared/ReactTreeTraversal.js b/src/renderers/shared/shared/ReactTreeTraversal.js
index 07969dc4a6..c6c8aa2656 100644
--- a/src/renderers/shared/shared/ReactTreeTraversal.js
+++ b/src/renderers/shared/shared/ReactTreeTraversal.js
@@ -11,7 +11,7 @@
 
 'use strict';
 
-var { HostComponent } = require('ReactTypeOfWork');
+var {HostComponent} = require('ReactTypeOfWork');
 
 function getParent(inst) {
   if (inst._hostParent !== undefined) {
@@ -101,7 +101,7 @@ function traverseTwoPhase(inst, fn, arg) {
     inst = getParent(inst);
   }
   var i;
-  for (i = path.length; i-- > 0;) {
+  for (i = path.length; i-- > 0; ) {
     fn(path[i], 'captured', arg);
   }
   for (i = 0; i < path.length; i++) {
@@ -132,7 +132,7 @@ function traverseEnterLeave(from, to, fn, argFrom, argTo) {
   for (i = 0; i < pathFrom.length; i++) {
     fn(pathFrom[i], 'bubbled', argFrom);
   }
-  for (i = pathTo.length; i-- > 0;) {
+  for (i = pathTo.length; i-- > 0; ) {
     fn(pathTo[i], 'captured', argTo);
   }
 }
diff --git a/src/renderers/shared/shared/event/EventPluginHub.js b/src/renderers/shared/shared/event/EventPluginHub.js
index 179e89d651..7ed1950708 100644
--- a/src/renderers/shared/shared/event/EventPluginHub.js
+++ b/src/renderers/shared/shared/event/EventPluginHub.js
@@ -49,10 +49,10 @@ var executeDispatchesAndReleaseTopLevel = function(e) {
 };
 
 function isInteractive(tag) {
-  return (
-    tag === 'button' || tag === 'input' ||
-    tag === 'select' || tag === 'textarea'
-  );
+  return tag === 'button' ||
+    tag === 'input' ||
+    tag === 'select' ||
+    tag === 'textarea';
 }
 
 function shouldPreventMouseEvent(name, type, props) {
@@ -96,12 +96,10 @@ function shouldPreventMouseEvent(name, type, props) {
  * @public
  */
 var EventPluginHub = {
-
   /**
    * Methods for injecting dependencies.
    */
   injection: {
-
     /**
      * @param {array} InjectedEventPluginOrder
      * @public
@@ -112,7 +110,6 @@ var EventPluginHub = {
      * @param {object} injectedNamesToPlugins Map from names to plugin modules.
      */
     injectEventPluginsByName: EventPluginRegistry.injectEventPluginsByName,
-
   },
 
   /**
@@ -151,7 +148,13 @@ var EventPluginHub = {
       }
       const props = inst._currentElement.props;
       listener = props[registrationName];
-      if (shouldPreventMouseEvent(registrationName, inst._currentElement.type, props)) {
+      if (
+        shouldPreventMouseEvent(
+          registrationName,
+          inst._currentElement.type,
+          props,
+        )
+      ) {
         return null;
       }
     }
@@ -160,7 +163,7 @@ var EventPluginHub = {
       !listener || typeof listener === 'function',
       'Expected %s listener to be a function, instead got type %s',
       registrationName,
-      typeof listener
+      typeof listener,
     );
     return listener;
   },
@@ -173,10 +176,11 @@ var EventPluginHub = {
    * @internal
    */
   extractEvents: function(
-      topLevelType,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget) {
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+  ) {
     var events;
     var plugins = EventPluginRegistry.plugins;
     for (var i = 0; i < plugins.length; i++) {
@@ -187,7 +191,7 @@ var EventPluginHub = {
           topLevelType,
           targetInst,
           nativeEvent,
-          nativeEventTarget
+          nativeEventTarget,
         );
         if (extractedEvents) {
           events = accumulateInto(events, extractedEvents);
@@ -223,23 +227,22 @@ var EventPluginHub = {
     if (simulated) {
       forEachAccumulated(
         processingEventQueue,
-        executeDispatchesAndReleaseSimulated
+        executeDispatchesAndReleaseSimulated,
       );
     } else {
       forEachAccumulated(
         processingEventQueue,
-        executeDispatchesAndReleaseTopLevel
+        executeDispatchesAndReleaseTopLevel,
       );
     }
     invariant(
       !eventQueue,
       'processEventQueue(): Additional events were enqueued while processing ' +
-      'an event queue. Support for this has not yet been implemented.'
+        'an event queue. Support for this has not yet been implemented.',
     );
     // This would be a good time to rethrow if any of the event handlers threw.
     ReactErrorUtils.rethrowCaughtError();
   },
-
 };
 
 module.exports = EventPluginHub;
diff --git a/src/renderers/shared/shared/event/EventPluginRegistry.js b/src/renderers/shared/shared/event/EventPluginRegistry.js
index b379ce1e9d..e60ba5d829 100644
--- a/src/renderers/shared/shared/event/EventPluginRegistry.js
+++ b/src/renderers/shared/shared/event/EventPluginRegistry.js
@@ -12,15 +12,9 @@
 
 'use strict';
 
-import type {
-  DispatchConfig,
-} from 'ReactSyntheticEventType';
+import type {DispatchConfig} from 'ReactSyntheticEventType';
 
-import type {
-  AnyNativeEvent,
-  PluginName,
-  PluginModule,
-} from 'PluginModuleType';
+import type {AnyNativeEvent, PluginName, PluginModule} from 'PluginModuleType';
 
 type NamesToPlugins = {[key: PluginName]: PluginModule<AnyNativeEvent>};
 
@@ -54,7 +48,7 @@ function recomputePluginOrdering(): void {
     invariant(
       pluginIndex > -1,
       'EventPluginRegistry: Cannot inject event plugins that do not exist in ' +
-      'the plugin ordering, `%s`.',
+        'the plugin ordering, `%s`.',
       pluginName,
     );
     if (EventPluginRegistry.plugins[pluginIndex]) {
@@ -63,7 +57,7 @@ function recomputePluginOrdering(): void {
     invariant(
       pluginModule.extractEvents,
       'EventPluginRegistry: Event plugins must implement an `extractEvents` ' +
-      'method, but `%s` does not.',
+        'method, but `%s` does not.',
       pluginName,
     );
     EventPluginRegistry.plugins[pluginIndex] = pluginModule;
@@ -99,7 +93,7 @@ function publishEventForPlugin(
   invariant(
     !EventPluginRegistry.eventNameDispatchConfigs.hasOwnProperty(eventName),
     'EventPluginHub: More than one plugin attempted to publish the same ' +
-    'event name, `%s`.',
+      'event name, `%s`.',
     eventName,
   );
   EventPluginRegistry.eventNameDispatchConfigs[eventName] = dispatchConfig;
@@ -143,18 +137,19 @@ function publishRegistrationName(
   invariant(
     !EventPluginRegistry.registrationNameModules[registrationName],
     'EventPluginHub: More than one plugin attempted to publish the same ' +
-    'registration name, `%s`.',
+      'registration name, `%s`.',
     registrationName,
   );
   EventPluginRegistry.registrationNameModules[registrationName] = pluginModule;
-  EventPluginRegistry.registrationNameDependencies[registrationName] =
-    pluginModule.eventTypes[eventName].dependencies;
+  EventPluginRegistry.registrationNameDependencies[
+    registrationName
+  ] = pluginModule.eventTypes[eventName].dependencies;
 
   if (__DEV__) {
     var lowerCasedName = registrationName.toLowerCase();
-    EventPluginRegistry.possibleRegistrationNames[lowerCasedName] =
-      registrationName;
-
+    EventPluginRegistry.possibleRegistrationNames[
+      lowerCasedName
+    ] = registrationName;
 
     if (registrationName === 'onDoubleClick') {
       EventPluginRegistry.possibleRegistrationNames.ondblclick = registrationName;
@@ -168,7 +163,6 @@ function publishRegistrationName(
  * @see {EventPluginHub}
  */
 var EventPluginRegistry = {
-
   /**
    * Ordered list of injected plugins.
    */
@@ -213,7 +207,7 @@ var EventPluginRegistry = {
     invariant(
       !eventPluginOrder,
       'EventPluginRegistry: Cannot inject event plugin ordering more than ' +
-      'once. You are likely trying to load more than one copy of React.',
+        'once. You are likely trying to load more than one copy of React.',
     );
     // Clone the ordering so it cannot be dynamically mutated.
     eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
@@ -231,7 +225,7 @@ var EventPluginRegistry = {
    * @see {EventPluginHub.injection.injectEventPluginsByName}
    */
   injectEventPluginsByName: function(
-    injectedNamesToPlugins: NamesToPlugins
+    injectedNamesToPlugins: NamesToPlugins,
   ): void {
     var isOrderingDirty = false;
     for (var pluginName in injectedNamesToPlugins) {
@@ -239,12 +233,14 @@ var EventPluginRegistry = {
         continue;
       }
       var pluginModule = injectedNamesToPlugins[pluginName];
-      if (!namesToPlugins.hasOwnProperty(pluginName) ||
-          namesToPlugins[pluginName] !== pluginModule) {
+      if (
+        !namesToPlugins.hasOwnProperty(pluginName) ||
+        namesToPlugins[pluginName] !== pluginModule
+      ) {
         invariant(
           !namesToPlugins[pluginName],
           'EventPluginRegistry: Cannot inject two different event plugins ' +
-          'using the same name, `%s`.',
+            'using the same name, `%s`.',
           pluginName,
         );
         namesToPlugins[pluginName] = pluginModule;
diff --git a/src/renderers/shared/shared/event/EventPluginUtils.js b/src/renderers/shared/shared/event/EventPluginUtils.js
index 8714541941..38952088b2 100644
--- a/src/renderers/shared/shared/event/EventPluginUtils.js
+++ b/src/renderers/shared/shared/event/EventPluginUtils.js
@@ -31,10 +31,10 @@ var injection = {
     if (__DEV__) {
       warning(
         Injected &&
-        Injected.getNodeFromInstance &&
-        Injected.getInstanceFromNode,
+          Injected.getNodeFromInstance &&
+          Injected.getInstanceFromNode,
         'EventPluginUtils.injection.injectComponentTree(...): Injected ' +
-        'module is missing getNodeFromInstance or getInstanceFromNode.'
+          'module is missing getNodeFromInstance or getInstanceFromNode.',
       );
     }
   },
@@ -42,20 +42,17 @@ var injection = {
 
 function isEndish(topLevelType) {
   return topLevelType === 'topMouseUp' ||
-         topLevelType === 'topTouchEnd' ||
-         topLevelType === 'topTouchCancel';
+    topLevelType === 'topTouchEnd' ||
+    topLevelType === 'topTouchCancel';
 }
 
 function isMoveish(topLevelType) {
-  return topLevelType === 'topMouseMove' ||
-         topLevelType === 'topTouchMove';
+  return topLevelType === 'topMouseMove' || topLevelType === 'topTouchMove';
 }
 function isStartish(topLevelType) {
-  return topLevelType === 'topMouseDown' ||
-         topLevelType === 'topTouchStart';
+  return topLevelType === 'topMouseDown' || topLevelType === 'topTouchStart';
 }
 
-
 var validateEventDispatches;
 if (__DEV__) {
   validateEventDispatches = function(event) {
@@ -63,18 +60,18 @@ if (__DEV__) {
     var dispatchInstances = event._dispatchInstances;
 
     var listenersIsArr = Array.isArray(dispatchListeners);
-    var listenersLen = listenersIsArr ?
-      dispatchListeners.length :
-      dispatchListeners ? 1 : 0;
+    var listenersLen = listenersIsArr
+      ? dispatchListeners.length
+      : dispatchListeners ? 1 : 0;
 
     var instancesIsArr = Array.isArray(dispatchInstances);
-    var instancesLen = instancesIsArr ?
-      dispatchInstances.length :
-      dispatchInstances ? 1 : 0;
+    var instancesLen = instancesIsArr
+      ? dispatchInstances.length
+      : dispatchInstances ? 1 : 0;
 
     warning(
       instancesIsArr === listenersIsArr && instancesLen === listenersLen,
-      'EventPluginUtils: Invalid `event`.'
+      'EventPluginUtils: Invalid `event`.',
     );
   };
 }
@@ -89,7 +86,12 @@ if (__DEV__) {
 function executeDispatch(event, simulated, listener, inst) {
   var type = event.type || 'unknown-event';
   event.currentTarget = EventPluginUtils.getNodeFromInstance(inst);
-  ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
+  ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+    type,
+    listener,
+    undefined,
+    event,
+  );
   event.currentTarget = null;
 }
 
@@ -112,7 +114,7 @@ function executeDispatchesInOrder(event, simulated) {
         event,
         simulated,
         dispatchListeners[i],
-        dispatchInstances[i]
+        dispatchInstances[i],
       );
     }
   } else if (dispatchListeners) {
@@ -180,9 +182,11 @@ function executeDirectDispatch(event) {
   var dispatchInstance = event._dispatchInstances;
   invariant(
     !Array.isArray(dispatchListener),
-    'executeDirectDispatch(...): Invalid `event`.'
+    'executeDirectDispatch(...): Invalid `event`.',
   );
-  event.currentTarget = dispatchListener ? EventPluginUtils.getNodeFromInstance(dispatchInstance) : null;
+  event.currentTarget = dispatchListener
+    ? EventPluginUtils.getNodeFromInstance(dispatchInstance)
+    : null;
   var res = dispatchListener ? dispatchListener(event) : null;
   event.currentTarget = null;
   event._dispatchListeners = null;
diff --git a/src/renderers/shared/shared/event/EventPropagators.js b/src/renderers/shared/shared/event/EventPropagators.js
index 159d2e6c19..db9537b833 100644
--- a/src/renderers/shared/shared/event/EventPropagators.js
+++ b/src/renderers/shared/shared/event/EventPropagators.js
@@ -18,7 +18,7 @@ var accumulateInto = require('accumulateInto');
 var forEachAccumulated = require('forEachAccumulated');
 var warning = require('fbjs/lib/warning');
 
-import type { PropagationPhases } from 'EventConstants';
+import type {PropagationPhases} from 'EventConstants';
 
 var getListener = EventPluginHub.getListener;
 
@@ -27,8 +27,9 @@ var getListener = EventPluginHub.getListener;
  * "phases" of propagation. This finds listeners by a given phase.
  */
 function listenerAtPhase(inst, event, propagationPhase: PropagationPhases) {
-  var registrationName =
-    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+  var registrationName = event.dispatchConfig.phasedRegistrationNames[
+    propagationPhase
+  ];
   return getListener(inst, registrationName);
 }
 
@@ -40,15 +41,14 @@ function listenerAtPhase(inst, event, propagationPhase: PropagationPhases) {
  */
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (__DEV__) {
-    warning(
-      inst,
-      'Dispatching inst must not be null'
-    );
+    warning(inst, 'Dispatching inst must not be null');
   }
   var listener = listenerAtPhase(inst, event, phase);
   if (listener) {
-    event._dispatchListeners =
-      accumulateInto(event._dispatchListeners, listener);
+    event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      listener,
+    );
     event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
   }
 }
@@ -65,7 +65,7 @@ function accumulateTwoPhaseDispatchesSingle(event) {
     ReactTreeTraversal.traverseTwoPhase(
       event._targetInst,
       accumulateDirectionalDispatches,
-      event
+      event,
     );
   }
 }
@@ -76,17 +76,17 @@ function accumulateTwoPhaseDispatchesSingle(event) {
 function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
   if (event && event.dispatchConfig.phasedRegistrationNames) {
     var targetInst = event._targetInst;
-    var parentInst =
-      targetInst ? ReactTreeTraversal.getParentInstance(targetInst) : null;
+    var parentInst = targetInst
+      ? ReactTreeTraversal.getParentInstance(targetInst)
+      : null;
     ReactTreeTraversal.traverseTwoPhase(
       parentInst,
       accumulateDirectionalDispatches,
-      event
+      event,
     );
   }
 }
 
-
 /**
  * Accumulates without regard to direction, does not look for phased
  * registration names. Same as `accumulateDirectDispatchesSingle` but without
@@ -97,8 +97,10 @@ function accumulateDispatches(inst, ignoredDirection, event) {
     var registrationName = event.dispatchConfig.registrationName;
     var listener = getListener(inst, registrationName);
     if (listener) {
-      event._dispatchListeners =
-        accumulateInto(event._dispatchListeners, listener);
+      event._dispatchListeners = accumulateInto(
+        event._dispatchListeners,
+        listener,
+      );
       event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
     }
   }
@@ -129,17 +131,14 @@ function accumulateEnterLeaveDispatches(leave, enter, from, to) {
     to,
     accumulateDispatches,
     leave,
-    enter
+    enter,
   );
 }
 
-
 function accumulateDirectDispatches(events) {
   forEachAccumulated(events, accumulateDirectDispatchesSingle);
 }
 
-
-
 /**
  * A small set of propagation patterns, each of which will accept a small amount
  * of information, and generate a set of "dispatch ready event objects" - which
diff --git a/src/renderers/shared/shared/event/PluginModuleType.js b/src/renderers/shared/shared/event/PluginModuleType.js
index 1d9044d6bd..5b51f9f7a2 100644
--- a/src/renderers/shared/shared/event/PluginModuleType.js
+++ b/src/renderers/shared/shared/event/PluginModuleType.js
@@ -20,11 +20,7 @@ import type {
 
 export type EventTypes = {[key: string]: DispatchConfig};
 
-export type AnyNativeEvent =
-  Event |
-  KeyboardEvent |
-  MouseEvent |
-  Touch;
+export type AnyNativeEvent = Event | KeyboardEvent | MouseEvent | Touch;
 
 export type PluginName = string;
 
diff --git a/src/renderers/shared/shared/event/ReactControlledComponent.js b/src/renderers/shared/shared/event/ReactControlledComponent.js
index b2e0f5b8b2..08819e991d 100644
--- a/src/renderers/shared/shared/event/ReactControlledComponent.js
+++ b/src/renderers/shared/shared/event/ReactControlledComponent.js
@@ -41,23 +41,23 @@ function restoreStateOfTarget(target) {
   if (typeof internalInstance.tag === 'number') {
     invariant(
       fiberHostComponent &&
-      typeof fiberHostComponent.restoreControlledState === 'function',
+        typeof fiberHostComponent.restoreControlledState === 'function',
       'Fiber needs to be injected to handle a fiber target for controlled ' +
-      'events.'
+        'events.',
     );
     const props = EventPluginUtils.getFiberCurrentPropsFromNode(
-      internalInstance.stateNode
+      internalInstance.stateNode,
     );
     fiberHostComponent.restoreControlledState(
       internalInstance.stateNode,
       internalInstance.type,
-      props
+      props,
     );
     return;
   }
   invariant(
     typeof internalInstance.restoreControlledState === 'function',
-    'The internal instance must be a React host component.'
+    'The internal instance must be a React host component.',
   );
   // If it is not a Fiber, we can just use dynamic dispatch.
   internalInstance.restoreControlledState();
diff --git a/src/renderers/shared/shared/event/ReactEventEmitterMixin.js b/src/renderers/shared/shared/event/ReactEventEmitterMixin.js
index 94461f8802..63134a57e1 100644
--- a/src/renderers/shared/shared/event/ReactEventEmitterMixin.js
+++ b/src/renderers/shared/shared/event/ReactEventEmitterMixin.js
@@ -19,21 +19,21 @@ function runEventQueueInBatch(events) {
 }
 
 var ReactEventEmitterMixin = {
-
   /**
    * Streams a fired top-level event to `EventPluginHub` where plugins have the
    * opportunity to create `ReactEvent`s to be dispatched.
    */
   handleTopLevel: function(
-      topLevelType,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget) {
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+  ) {
     var events = EventPluginHub.extractEvents(
       topLevelType,
       targetInst,
       nativeEvent,
-      nativeEventTarget
+      nativeEventTarget,
     );
     runEventQueueInBatch(events);
   },
diff --git a/src/renderers/shared/shared/event/ReactSyntheticEventType.js b/src/renderers/shared/shared/event/ReactSyntheticEventType.js
index 3496d633c9..a9e453bcb2 100644
--- a/src/renderers/shared/shared/event/ReactSyntheticEventType.js
+++ b/src/renderers/shared/shared/event/ReactSyntheticEventType.js
@@ -25,12 +25,14 @@ export type DispatchConfig = {
   registrationName?: string,
 };
 
-export type ReactSyntheticEvent = {
-  dispatchConfig: DispatchConfig,
-  getPooled: (
+export type ReactSyntheticEvent =
+  & {
     dispatchConfig: DispatchConfig,
-    targetInst: ReactInstance,
-    nativeTarget: Event,
-    nativeEventTarget: EventTarget,
-  ) => ReactSyntheticEvent,
-} & SyntheticEvent;
+    getPooled: (
+      dispatchConfig: DispatchConfig,
+      targetInst: ReactInstance,
+      nativeTarget: Event,
+      nativeEventTarget: EventTarget,
+    ) => ReactSyntheticEvent,
+  }
+  & SyntheticEvent;
diff --git a/src/renderers/shared/shared/event/SyntheticEvent.js b/src/renderers/shared/shared/event/SyntheticEvent.js
index 6972c67233..fa9e97d7bd 100644
--- a/src/renderers/shared/shared/event/SyntheticEvent.js
+++ b/src/renderers/shared/shared/event/SyntheticEvent.js
@@ -66,7 +66,12 @@ var EventInterface = {
  * @param {object} nativeEvent Native browser event.
  * @param {DOMEventTarget} nativeEventTarget Target node.
  */
-function SyntheticEvent(dispatchConfig, targetInst, nativeEvent, nativeEventTarget) {
+function SyntheticEvent(
+  dispatchConfig,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+) {
   if (__DEV__) {
     // these have a getter/setter for warnings
     delete this.nativeEvent;
@@ -98,9 +103,9 @@ function SyntheticEvent(dispatchConfig, targetInst, nativeEvent, nativeEventTarg
     }
   }
 
-  var defaultPrevented = nativeEvent.defaultPrevented != null ?
-    nativeEvent.defaultPrevented :
-    nativeEvent.returnValue === false;
+  var defaultPrevented = nativeEvent.defaultPrevented != null
+    ? nativeEvent.defaultPrevented
+    : nativeEvent.returnValue === false;
   if (defaultPrevented) {
     this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
   } else {
@@ -111,7 +116,6 @@ function SyntheticEvent(dispatchConfig, targetInst, nativeEvent, nativeEventTarg
 }
 
 Object.assign(SyntheticEvent.prototype, {
-
   preventDefault: function() {
     this.defaultPrevented = true;
     var event = this.nativeEvent;
@@ -121,7 +125,8 @@ Object.assign(SyntheticEvent.prototype, {
 
     if (event.preventDefault) {
       event.preventDefault();
-    } else if (typeof event.returnValue !== 'unknown') { // eslint-disable-line valid-typeof
+    } else if (typeof event.returnValue !== 'unknown') {
+      // eslint-disable-line valid-typeof
       event.returnValue = false;
     }
     this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
@@ -135,7 +140,8 @@ Object.assign(SyntheticEvent.prototype, {
 
     if (event.stopPropagation) {
       event.stopPropagation();
-    } else if (typeof event.cancelBubble !== 'unknown') { // eslint-disable-line valid-typeof
+    } else if (typeof event.cancelBubble !== 'unknown') {
+      // eslint-disable-line valid-typeof
       // The ChangeEventPlugin registers a "propertychange" event for
       // IE. This event does not support bubbling or cancelling, and
       // any references to cancelBubble throw "Member not found".  A
@@ -170,7 +176,11 @@ Object.assign(SyntheticEvent.prototype, {
     var Interface = this.constructor.Interface;
     for (var propName in Interface) {
       if (__DEV__) {
-        Object.defineProperty(this, propName, getPooledWarningPropertyDefinition(propName, Interface[propName]));
+        Object.defineProperty(
+          this,
+          propName,
+          getPooledWarningPropertyDefinition(propName, Interface[propName]),
+        );
       } else {
         this[propName] = null;
       }
@@ -182,21 +192,20 @@ Object.assign(SyntheticEvent.prototype, {
       Object.defineProperty(
         this,
         'nativeEvent',
-        getPooledWarningPropertyDefinition('nativeEvent', null)
+        getPooledWarningPropertyDefinition('nativeEvent', null),
       );
       Object.defineProperty(
         this,
         'preventDefault',
-        getPooledWarningPropertyDefinition('preventDefault', emptyFunction)
+        getPooledWarningPropertyDefinition('preventDefault', emptyFunction),
       );
       Object.defineProperty(
         this,
         'stopPropagation',
-        getPooledWarningPropertyDefinition('stopPropagation', emptyFunction)
+        getPooledWarningPropertyDefinition('stopPropagation', emptyFunction),
       );
     }
   },
-
 });
 
 SyntheticEvent.Interface = EventInterface;
@@ -211,15 +220,17 @@ if (__DEV__) {
       apply: function(constructor, that, args) {
         return new Proxy(constructor.apply(that, args), {
           set: function(target, prop, value) {
-            if (prop !== 'isPersistent' &&
-                !target.constructor.Interface.hasOwnProperty(prop) &&
-                shouldBeReleasedProperties.indexOf(prop) === -1) {
+            if (
+              prop !== 'isPersistent' &&
+              !target.constructor.Interface.hasOwnProperty(prop) &&
+              shouldBeReleasedProperties.indexOf(prop) === -1
+            ) {
               warning(
                 didWarnForAddedNewProperty || target.isPersistent(),
-                'This synthetic event is reused for performance reasons. If you\'re ' +
-                'seeing this, you\'re adding a new property in the synthetic event object. ' +
-                'The property is never released. See ' +
-                'https://fb.me/react-event-pooling for more information.'
+                "This synthetic event is reused for performance reasons. If you're " +
+                  "seeing this, you're adding a new property in the synthetic event object. " +
+                  'The property is never released. See ' +
+                  'https://fb.me/react-event-pooling for more information.',
               );
               didWarnForAddedNewProperty = true;
             }
@@ -282,7 +293,9 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
 
   function get() {
     var action = isFunction ? 'accessing the method' : 'accessing the property';
-    var result = isFunction ? 'This is a no-op function' : 'This is set to null';
+    var result = isFunction
+      ? 'This is a no-op function'
+      : 'This is set to null';
     warn(action, result);
     return getVal;
   }
@@ -291,13 +304,13 @@ function getPooledWarningPropertyDefinition(propName, getVal) {
     var warningCondition = false;
     warning(
       warningCondition,
-      'This synthetic event is reused for performance reasons. If you\'re seeing this, ' +
-      'you\'re %s `%s` on a released/nullified synthetic event. %s. ' +
-      'If you must keep the original synthetic event around, use event.persist(). ' +
-      'See https://fb.me/react-event-pooling for more information.',
+      "This synthetic event is reused for performance reasons. If you're seeing this, " +
+        "you're %s `%s` on a released/nullified synthetic event. %s. " +
+        'If you must keep the original synthetic event around, use event.persist(). ' +
+        'See https://fb.me/react-event-pooling for more information.',
       action,
       propName,
-      result
+      result,
     );
   }
 }
diff --git a/src/renderers/shared/shared/event/__tests__/EventPluginRegistry-test.js b/src/renderers/shared/shared/event/__tests__/EventPluginRegistry-test.js
index 01e872abb6..cc8f6c45b6 100644
--- a/src/renderers/shared/shared/event/__tests__/EventPluginRegistry-test.js
+++ b/src/renderers/shared/shared/event/__tests__/EventPluginRegistry-test.js
@@ -11,7 +11,6 @@
 
 'use strict';
 
-
 describe('EventPluginRegistry', () => {
   var EventPluginRegistry;
   var createPlugin;
@@ -97,7 +96,7 @@ describe('EventPluginRegistry', () => {
       });
     }).toThrowError(
       'EventPluginRegistry: Event plugins must implement an `extractEvents` ' +
-      'method, but `bad` does not.'
+        'method, but `bad` does not.',
     );
   });
 
@@ -114,7 +113,7 @@ describe('EventPluginRegistry', () => {
       });
     }).toThrowError(
       'EventPluginRegistry: Cannot inject event plugins that do not exist ' +
-      'in the plugin ordering, `random`.'
+        'in the plugin ordering, `random`.',
     );
   });
 
@@ -127,7 +126,7 @@ describe('EventPluginRegistry', () => {
       EventPluginRegistry.injectEventPluginOrder(pluginOrdering);
     }).toThrowError(
       'EventPluginRegistry: Cannot inject event plugin ordering more than ' +
-      'once. You are likely trying to load more than one copy of React.'
+        'once. You are likely trying to load more than one copy of React.',
     );
   });
 
@@ -141,7 +140,7 @@ describe('EventPluginRegistry', () => {
       EventPluginRegistry.injectEventPluginsByName({same: TwoPlugin});
     }).toThrowError(
       'EventPluginRegistry: Cannot inject two different event plugins using ' +
-      'the same name, `same`.'
+        'the same name, `same`.',
     );
   });
 
@@ -166,17 +165,23 @@ describe('EventPluginRegistry', () => {
     EventPluginRegistry.injectEventPluginsByName({one: OnePlugin});
     EventPluginRegistry.injectEventPluginOrder(['one', 'two']);
 
-    expect(Object.keys(EventPluginRegistry.registrationNameModules).length).toBe(2);
+    expect(
+      Object.keys(EventPluginRegistry.registrationNameModules).length,
+    ).toBe(2);
     expect(EventPluginRegistry.registrationNameModules.onClick).toBe(OnePlugin);
     expect(EventPluginRegistry.registrationNameModules.onFocus).toBe(OnePlugin);
 
     EventPluginRegistry.injectEventPluginsByName({two: TwoPlugin});
 
-    expect(Object.keys(EventPluginRegistry.registrationNameModules).length).toBe(4);
-    expect(EventPluginRegistry.registrationNameModules.onMagicBubble).toBe(TwoPlugin);
     expect(
-      EventPluginRegistry.registrationNameModules.onMagicCapture
-    ).toBe(TwoPlugin);
+      Object.keys(EventPluginRegistry.registrationNameModules).length,
+    ).toBe(4);
+    expect(EventPluginRegistry.registrationNameModules.onMagicBubble).toBe(
+      TwoPlugin,
+    );
+    expect(EventPluginRegistry.registrationNameModules.onMagicCapture).toBe(
+      TwoPlugin,
+    );
   });
 
   it('should throw if multiple registration names collide', () => {
@@ -205,14 +210,16 @@ describe('EventPluginRegistry', () => {
       EventPluginRegistry.injectEventPluginOrder(['one', 'two']);
     }).toThrowError(
       'EventPluginHub: More than one plugin attempted to publish the same ' +
-      'registration name, `onPhotoCapture`.'
+        'registration name, `onPhotoCapture`.',
     );
   });
 
   it('should throw if an invalid event is published', () => {
     var OnePlugin = createPlugin({
       eventTypes: {
-        badEvent: {/* missing configuration */},
+        badEvent: {
+          /* missing configuration */
+        },
       },
     });
 
@@ -222,7 +229,7 @@ describe('EventPluginRegistry', () => {
       EventPluginRegistry.injectEventPluginOrder(['one']);
     }).toThrowError(
       'EventPluginRegistry: Failed to publish event `badEvent` for plugin ' +
-      '`one`.'
+        '`one`.',
     );
   });
 });
diff --git a/src/renderers/shared/shared/event/eventPlugins/ResponderEventPlugin.js b/src/renderers/shared/shared/event/eventPlugins/ResponderEventPlugin.js
index d4057833c2..8f853afe08 100644
--- a/src/renderers/shared/shared/event/eventPlugins/ResponderEventPlugin.js
+++ b/src/renderers/shared/shared/event/eventPlugins/ResponderEventPlugin.js
@@ -24,8 +24,7 @@ var isMoveish = EventPluginUtils.isMoveish;
 var isEndish = EventPluginUtils.isEndish;
 var executeDirectDispatch = EventPluginUtils.executeDirectDispatch;
 var hasDispatches = EventPluginUtils.hasDispatches;
-var executeDispatchesInOrderStopAtTrue =
-  EventPluginUtils.executeDispatchesInOrderStopAtTrue;
+var executeDispatchesInOrderStopAtTrue = EventPluginUtils.executeDispatchesInOrderStopAtTrue;
 
 /**
  * Instance of element that should respond to touch/move types of interactions,
@@ -51,7 +50,7 @@ var changeResponder = function(nextResponderInst, blockHostResponder) {
     ResponderEventPlugin.GlobalResponderHandler.onChange(
       oldResponderInst,
       nextResponderInst,
-      blockHostResponder
+      blockHostResponder,
     );
   }
 };
@@ -254,8 +253,6 @@ to return true:wantsResponderID|                            |
                                |                            |
                                +                            + */
 
-
-
 /**
  * A note about event ordering in the `EventPluginHub`.
  *
@@ -320,19 +317,20 @@ function setResponderAndExtractTransfer(
   topLevelType,
   targetInst,
   nativeEvent,
-  nativeEventTarget
+  nativeEventTarget,
 ) {
-  var shouldSetEventType =
-    isStartish(topLevelType) ? eventTypes.startShouldSetResponder :
-    isMoveish(topLevelType) ? eventTypes.moveShouldSetResponder :
-    topLevelType === 'topSelectionChange' ?
-      eventTypes.selectionChangeShouldSetResponder :
-    eventTypes.scrollShouldSetResponder;
+  var shouldSetEventType = isStartish(topLevelType)
+    ? eventTypes.startShouldSetResponder
+    : isMoveish(topLevelType)
+        ? eventTypes.moveShouldSetResponder
+        : topLevelType === 'topSelectionChange'
+            ? eventTypes.selectionChangeShouldSetResponder
+            : eventTypes.scrollShouldSetResponder;
 
   // TODO: stop one short of the current responder.
-  var bubbleShouldSetFrom = !responderInst ?
-    targetInst :
-    ReactTreeTraversal.getLowestCommonAncestor(responderInst, targetInst);
+  var bubbleShouldSetFrom = !responderInst
+    ? targetInst
+    : ReactTreeTraversal.getLowestCommonAncestor(responderInst, targetInst);
 
   // When capturing/bubbling the "shouldSet" event, we want to skip the target
   // (deepest ID) if it happens to be the current responder. The reasoning:
@@ -343,7 +341,7 @@ function setResponderAndExtractTransfer(
     shouldSetEventType,
     bubbleShouldSetFrom,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   );
   shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
   if (skipOverBubbleShouldSetFrom) {
@@ -364,19 +362,18 @@ function setResponderAndExtractTransfer(
     eventTypes.responderGrant,
     wantsResponderInst,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   );
   grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
 
   EventPropagators.accumulateDirectDispatches(grantEvent);
   var blockHostResponder = executeDirectDispatch(grantEvent) === true;
   if (responderInst) {
-
     var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
       eventTypes.responderTerminationRequest,
       responderInst,
       nativeEvent,
-      nativeEventTarget
+      nativeEventTarget,
     );
     terminationRequestEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
     EventPropagators.accumulateDirectDispatches(terminationRequestEvent);
@@ -391,7 +388,7 @@ function setResponderAndExtractTransfer(
         eventTypes.responderTerminate,
         responderInst,
         nativeEvent,
-        nativeEventTarget
+        nativeEventTarget,
       );
       terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
       EventPropagators.accumulateDirectDispatches(terminateEvent);
@@ -402,7 +399,7 @@ function setResponderAndExtractTransfer(
         eventTypes.responderReject,
         wantsResponderInst,
         nativeEvent,
-        nativeEventTarget
+        nativeEventTarget,
       );
       rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
       EventPropagators.accumulateDirectDispatches(rejectEvent);
@@ -424,17 +421,14 @@ function setResponderAndExtractTransfer(
  * @return {boolean} True if a transfer of responder could possibly occur.
  */
 function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
-  return topLevelInst && (
+  return topLevelInst &&
     // responderIgnoreScroll: We are trying to migrate away from specifically
     // tracking native scroll events here and responderIgnoreScroll indicates we
     // will send topTouchCancel to handle canceling touch events instead
-    (topLevelType === 'topScroll' &&
-      !nativeEvent.responderIgnoreScroll) ||
-    (trackedTouchCount > 0 &&
-      topLevelType === 'topSelectionChange') ||
-    isStartish(topLevelType) ||
-    isMoveish(topLevelType)
-  );
+    ((topLevelType === 'topScroll' && !nativeEvent.responderIgnoreScroll) ||
+      (trackedTouchCount > 0 && topLevelType === 'topSelectionChange') ||
+      isStartish(topLevelType) ||
+      isMoveish(topLevelType));
 }
 
 /**
@@ -463,9 +457,7 @@ function noResponderTouches(nativeEvent) {
   return true;
 }
 
-
 var ResponderEventPlugin = {
-
   /* For unit testing only */
   _getResponder: function() {
     return responderInst;
@@ -482,7 +474,7 @@ var ResponderEventPlugin = {
     topLevelType,
     targetInst,
     nativeEvent,
-    nativeEventTarget
+    nativeEventTarget,
   ) {
     if (isStartish(topLevelType)) {
       trackedTouchCount += 1;
@@ -491,7 +483,7 @@ var ResponderEventPlugin = {
         trackedTouchCount -= 1;
       } else {
         console.error(
-          'Ended a touch event which was not counted in `trackedTouchCount`.'
+          'Ended a touch event which was not counted in `trackedTouchCount`.',
         );
         return null;
       }
@@ -499,13 +491,14 @@ var ResponderEventPlugin = {
 
     ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
 
-    var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent) ?
-      setResponderAndExtractTransfer(
-        topLevelType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget) :
-      null;
+    var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent)
+      ? setResponderAndExtractTransfer(
+          topLevelType,
+          targetInst,
+          nativeEvent,
+          nativeEventTarget,
+        )
+      : null;
     // Responder may or may not have transferred on a new touch start/move.
     // Regardless, whoever is the responder after any potential transfer, we
     // direct all touch start/move/ends to them in the form of
@@ -519,40 +512,39 @@ var ResponderEventPlugin = {
     var isResponderTouchStart = responderInst && isStartish(topLevelType);
     var isResponderTouchMove = responderInst && isMoveish(topLevelType);
     var isResponderTouchEnd = responderInst && isEndish(topLevelType);
-    var incrementalTouch =
-      isResponderTouchStart ? eventTypes.responderStart :
-      isResponderTouchMove ? eventTypes.responderMove :
-      isResponderTouchEnd ? eventTypes.responderEnd :
-      null;
+    var incrementalTouch = isResponderTouchStart
+      ? eventTypes.responderStart
+      : isResponderTouchMove
+          ? eventTypes.responderMove
+          : isResponderTouchEnd ? eventTypes.responderEnd : null;
 
     if (incrementalTouch) {
-      var gesture =
-        ResponderSyntheticEvent.getPooled(
-          incrementalTouch,
-          responderInst,
-          nativeEvent,
-          nativeEventTarget
-        );
+      var gesture = ResponderSyntheticEvent.getPooled(
+        incrementalTouch,
+        responderInst,
+        nativeEvent,
+        nativeEventTarget,
+      );
       gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
       EventPropagators.accumulateDirectDispatches(gesture);
       extracted = accumulate(extracted, gesture);
     }
 
-    var isResponderTerminate =
-      responderInst &&
+    var isResponderTerminate = responderInst &&
       topLevelType === 'topTouchCancel';
-    var isResponderRelease =
-      responderInst &&
+    var isResponderRelease = responderInst &&
       !isResponderTerminate &&
       isEndish(topLevelType) &&
       noResponderTouches(nativeEvent);
-    var finalTouch =
-      isResponderTerminate ? eventTypes.responderTerminate :
-      isResponderRelease ? eventTypes.responderRelease :
-      null;
+    var finalTouch = isResponderTerminate
+      ? eventTypes.responderTerminate
+      : isResponderRelease ? eventTypes.responderRelease : null;
     if (finalTouch) {
       var finalEvent = ResponderSyntheticEvent.getPooled(
-        finalTouch, responderInst, nativeEvent, nativeEventTarget
+        finalTouch,
+        responderInst,
+        nativeEvent,
+        nativeEventTarget,
       );
       finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
       EventPropagators.accumulateDirectDispatches(finalEvent);
@@ -560,12 +552,13 @@ var ResponderEventPlugin = {
       changeResponder(null);
     }
 
-    var numberActiveTouches =
-      ResponderTouchHistoryStore.touchHistory.numberActiveTouches;
-    if (ResponderEventPlugin.GlobalInteractionHandler &&
-      numberActiveTouches !== previousActiveTouches) {
+    var numberActiveTouches = ResponderTouchHistoryStore.touchHistory.numberActiveTouches;
+    if (
+      ResponderEventPlugin.GlobalInteractionHandler &&
+      numberActiveTouches !== previousActiveTouches
+    ) {
       ResponderEventPlugin.GlobalInteractionHandler.onChange(
-        numberActiveTouches
+        numberActiveTouches,
       );
     }
     previousActiveTouches = numberActiveTouches;
diff --git a/src/renderers/shared/shared/event/eventPlugins/ResponderSyntheticEvent.js b/src/renderers/shared/shared/event/eventPlugins/ResponderSyntheticEvent.js
index f1cf77feac..f8e2132d56 100644
--- a/src/renderers/shared/shared/event/eventPlugins/ResponderSyntheticEvent.js
+++ b/src/renderers/shared/shared/event/eventPlugins/ResponderSyntheticEvent.js
@@ -30,8 +30,19 @@ var ResponderEventInterface = {
  * @param {object} nativeEvent Native event.
  * @extends {SyntheticEvent}
  */
-function ResponderSyntheticEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
-  return SyntheticEvent.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
+function ResponderSyntheticEvent(
+  dispatchConfig,
+  dispatchMarker,
+  nativeEvent,
+  nativeEventTarget,
+) {
+  return SyntheticEvent.call(
+    this,
+    dispatchConfig,
+    dispatchMarker,
+    nativeEvent,
+    nativeEventTarget,
+  );
 }
 
 SyntheticEvent.augmentClass(ResponderSyntheticEvent, ResponderEventInterface);
diff --git a/src/renderers/shared/shared/event/eventPlugins/ResponderTouchHistoryStore.js b/src/renderers/shared/shared/event/eventPlugins/ResponderTouchHistoryStore.js
index 78b7b31a80..b3831ce143 100644
--- a/src/renderers/shared/shared/event/eventPlugins/ResponderTouchHistoryStore.js
+++ b/src/renderers/shared/shared/event/eventPlugins/ResponderTouchHistoryStore.js
@@ -108,9 +108,9 @@ function getTouchIdentifier({identifier}: Touch): number {
   warning(
     identifier <= MAX_TOUCH_BANK,
     'Touch identifier %s is greater than maximum supported %s which causes ' +
-    'performance issues backfilling array locations for all of the indices.',
+      'performance issues backfilling array locations for all of the indices.',
     identifier,
-    MAX_TOUCH_BANK
+    MAX_TOUCH_BANK,
   );
   return identifier;
 }
@@ -139,11 +139,10 @@ function recordTouchMove(touch: Touch): void {
     touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
   } else {
     console.error(
-      'Cannot record touch move without a touch start.\n' +
-      'Touch Move: %s\n',
+      'Cannot record touch move without a touch start.\n' + 'Touch Move: %s\n',
       'Touch Bank: %s',
       printTouch(touch),
-      printTouchBank()
+      printTouchBank(),
     );
   }
 }
@@ -161,11 +160,10 @@ function recordTouchEnd(touch: Touch): void {
     touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
   } else {
     console.error(
-      'Cannot record touch end without a touch start.\n' +
-      'Touch End: %s\n',
+      'Cannot record touch end without a touch start.\n' + 'Touch End: %s\n',
       'Touch Bank: %s',
       printTouch(touch),
-      printTouchBank()
+      printTouchBank(),
     );
   }
 }
@@ -195,8 +193,9 @@ const ResponderTouchHistoryStore = {
       nativeEvent.changedTouches.forEach(recordTouchStart);
       touchHistory.numberActiveTouches = nativeEvent.touches.length;
       if (touchHistory.numberActiveTouches === 1) {
-        touchHistory.indexOfSingleActiveTouch =
-          nativeEvent.touches[0].identifier;
+        touchHistory.indexOfSingleActiveTouch = nativeEvent.touches[
+          0
+        ].identifier;
       }
     } else if (isEndish(topLevelType)) {
       nativeEvent.changedTouches.forEach(recordTouchEnd);
@@ -212,9 +211,8 @@ const ResponderTouchHistoryStore = {
         if (__DEV__) {
           const activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
           warning(
-            activeRecord != null &&
-            activeRecord.touchActive,
-            'Cannot find single active touch.'
+            activeRecord != null && activeRecord.touchActive,
+            'Cannot find single active touch.',
           );
         }
       }
@@ -224,5 +222,4 @@ const ResponderTouchHistoryStore = {
   touchHistory,
 };
 
-
 module.exports = ResponderTouchHistoryStore;
diff --git a/src/renderers/shared/shared/event/eventPlugins/TouchHistoryMath.js b/src/renderers/shared/shared/event/eventPlugins/TouchHistoryMath.js
index a2a725bd2f..50006f7e72 100644
--- a/src/renderers/shared/shared/event/eventPlugins/TouchHistoryMath.js
+++ b/src/renderers/shared/shared/event/eventPlugins/TouchHistoryMath.js
@@ -21,30 +21,44 @@ var TouchHistoryMath = {
    * touches vs. previous centroid of now actively moving touches.
    * @return {number} value of centroid in specified dimension.
    */
-  centroidDimension: function(touchHistory, touchesChangedAfter, isXAxis, ofCurrent) {
+  centroidDimension: function(
+    touchHistory,
+    touchesChangedAfter,
+    isXAxis,
+    ofCurrent,
+  ) {
     var touchBank = touchHistory.touchBank;
     var total = 0;
     var count = 0;
 
-    var oneTouchData = touchHistory.numberActiveTouches === 1 ?
-      touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch] : null;
+    var oneTouchData = touchHistory.numberActiveTouches === 1
+      ? touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch]
+      : null;
 
     if (oneTouchData !== null) {
-      if (oneTouchData.touchActive && oneTouchData.currentTimeStamp > touchesChangedAfter) {
-        total += ofCurrent && isXAxis ? oneTouchData.currentPageX :
-          ofCurrent && !isXAxis ? oneTouchData.currentPageY :
-          !ofCurrent && isXAxis ? oneTouchData.previousPageX :
-          oneTouchData.previousPageY;
+      if (
+        oneTouchData.touchActive &&
+        oneTouchData.currentTimeStamp > touchesChangedAfter
+      ) {
+        total += ofCurrent && isXAxis
+          ? oneTouchData.currentPageX
+          : ofCurrent && !isXAxis
+              ? oneTouchData.currentPageY
+              : !ofCurrent && isXAxis
+                  ? oneTouchData.previousPageX
+                  : oneTouchData.previousPageY;
         count = 1;
       }
     } else {
       for (var i = 0; i < touchBank.length; i++) {
         var touchTrack = touchBank[i];
-        if (touchTrack !== null &&
-            touchTrack !== undefined &&
-            touchTrack.touchActive &&
-            touchTrack.currentTimeStamp >= touchesChangedAfter) {
-          var toAdd;  // Yuck, program temporarily in invalid state.
+        if (
+          touchTrack !== null &&
+          touchTrack !== undefined &&
+          touchTrack.touchActive &&
+          touchTrack.currentTimeStamp >= touchesChangedAfter
+        ) {
+          var toAdd; // Yuck, program temporarily in invalid state.
           if (ofCurrent && isXAxis) {
             toAdd = touchTrack.currentPageX;
           } else if (ofCurrent && !isXAxis) {
@@ -62,57 +76,69 @@ var TouchHistoryMath = {
     return count > 0 ? total / count : TouchHistoryMath.noCentroid;
   },
 
-  currentCentroidXOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
+  currentCentroidXOfTouchesChangedAfter: function(
+    touchHistory,
+    touchesChangedAfter,
+  ) {
     return TouchHistoryMath.centroidDimension(
       touchHistory,
       touchesChangedAfter,
-      true,  // isXAxis
-      true   // ofCurrent
+      true, // isXAxis
+      true, // ofCurrent
     );
   },
 
-  currentCentroidYOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
+  currentCentroidYOfTouchesChangedAfter: function(
+    touchHistory,
+    touchesChangedAfter,
+  ) {
     return TouchHistoryMath.centroidDimension(
       touchHistory,
       touchesChangedAfter,
-      false,  // isXAxis
-      true    // ofCurrent
+      false, // isXAxis
+      true, // ofCurrent
     );
   },
 
-  previousCentroidXOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
+  previousCentroidXOfTouchesChangedAfter: function(
+    touchHistory,
+    touchesChangedAfter,
+  ) {
     return TouchHistoryMath.centroidDimension(
       touchHistory,
       touchesChangedAfter,
-      true,  // isXAxis
-      false  // ofCurrent
+      true, // isXAxis
+      false, // ofCurrent
     );
   },
 
-  previousCentroidYOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
+  previousCentroidYOfTouchesChangedAfter: function(
+    touchHistory,
+    touchesChangedAfter,
+  ) {
     return TouchHistoryMath.centroidDimension(
       touchHistory,
       touchesChangedAfter,
-      false,  // isXAxis
-      false   // ofCurrent
+      false, // isXAxis
+      false, // ofCurrent
     );
   },
 
   currentCentroidX: function(touchHistory) {
     return TouchHistoryMath.centroidDimension(
       touchHistory,
-      0,     // touchesChangedAfter
-      true,  // isXAxis
-      true   // ofCurrent
+      0, // touchesChangedAfter
+      true, // isXAxis
+      true, // ofCurrent
     );
   },
 
   currentCentroidY: function(touchHistory) {
     return TouchHistoryMath.centroidDimension(
       touchHistory,
-      0,     // touchesChangedAfter
-      false,  // isXAxis
-      true    // ofCurrent
+      0, // touchesChangedAfter
+      false, // isXAxis
+      true, // ofCurrent
     );
   },
 
diff --git a/src/renderers/shared/shared/event/eventPlugins/__tests__/ResponderEventPlugin-test.js b/src/renderers/shared/shared/event/eventPlugins/__tests__/ResponderEventPlugin-test.js
index b831e97e64..ed62c2fb83 100644
--- a/src/renderers/shared/shared/event/eventPlugins/__tests__/ResponderEventPlugin-test.js
+++ b/src/renderers/shared/shared/event/eventPlugins/__tests__/ResponderEventPlugin-test.js
@@ -62,22 +62,25 @@ var _touchConfig = function(
   targetNodeHandle,
   allTouchHandles,
   changedIndices,
-  eventTarget
+  eventTarget,
 ) {
   var allTouchObjects = allTouchHandles.map(touch);
   var changedTouchObjects = subsequence(allTouchObjects, changedIndices);
-  var activeTouchObjects =
-    topType === 'topTouchStart' ? allTouchObjects :
-    topType === 'topTouchMove' ? allTouchObjects :
-    topType === 'topTouchEnd' ? antiSubsequence(allTouchObjects, changedIndices) :
-    topType === 'topTouchCancel' ? antiSubsequence(allTouchObjects, changedIndices) :
-    null;
+  var activeTouchObjects = topType === 'topTouchStart'
+    ? allTouchObjects
+    : topType === 'topTouchMove'
+        ? allTouchObjects
+        : topType === 'topTouchEnd'
+            ? antiSubsequence(allTouchObjects, changedIndices)
+            : topType === 'topTouchCancel'
+                ? antiSubsequence(allTouchObjects, changedIndices)
+                : null;
 
   return {
     nativeEvent: touchEvent(
       targetNodeHandle,
       activeTouchObjects,
-      changedTouchObjects
+      changedTouchObjects,
     ),
     topLevelType: topType,
     targetInst: getInstanceFromNode(targetNodeHandle),
@@ -108,7 +111,7 @@ var startConfig = function(nodeHandle, allTouchHandles, changedIndices) {
     nodeHandle,
     allTouchHandles,
     changedIndices,
-    nodeHandle
+    nodeHandle,
   );
 };
 
@@ -121,7 +124,7 @@ var moveConfig = function(nodeHandle, allTouchHandles, changedIndices) {
     nodeHandle,
     allTouchHandles,
     changedIndices,
-    nodeHandle
+    nodeHandle,
   );
 };
 
@@ -134,7 +137,7 @@ var endConfig = function(nodeHandle, allTouchHandles, changedIndices) {
     nodeHandle,
     allTouchHandles,
     changedIndices,
-    nodeHandle
+    nodeHandle,
   );
 };
 
@@ -169,31 +172,40 @@ var NA = -1;
 var oneEventLoopTestConfig = function(readableIDToID) {
   var ret = {
     // Negotiation
-    scrollShouldSetResponder: {bubbled:  {}, captured: {}},
-    startShouldSetResponder: {bubbled:  {}, captured: {}},
-    moveShouldSetResponder: {bubbled:  {}, captured: {}},
+    scrollShouldSetResponder: {bubbled: {}, captured: {}},
+    startShouldSetResponder: {bubbled: {}, captured: {}},
+    moveShouldSetResponder: {bubbled: {}, captured: {}},
     responderTerminationRequest: {},
 
     // Non-negotiation
-    responderReject:    {}, // These do not bubble capture.
-    responderGrant:     {},
-    responderStart:     {},
-    responderMove:      {},
+    responderReject: {}, // These do not bubble capture.
+    responderGrant: {},
+    responderStart: {},
+    responderMove: {},
     responderTerminate: {},
-    responderEnd:       {},
-    responderRelease:   {},
+    responderEnd: {},
+    responderRelease: {},
   };
   for (var eventName in ret) {
     for (var readableNodeName in readableIDToID) {
       if (ret[eventName].bubbled) {
         // Two phase
-        ret[eventName].bubbled[readableNodeName] =
-          {order: NA, assertEvent: null, returnVal: undefined};
-        ret[eventName].captured[readableNodeName] =
-          {order: NA, assertEvent: null, returnVal: undefined};
+        ret[eventName].bubbled[readableNodeName] = {
+          order: NA,
+          assertEvent: null,
+          returnVal: undefined,
+        };
+        ret[eventName].captured[readableNodeName] = {
+          order: NA,
+          assertEvent: null,
+          returnVal: undefined,
+        };
       } else {
-        ret[eventName][readableNodeName] =
-          {order: NA, assertEvent: null, returnVal: undefined};
+        ret[eventName][readableNodeName] = {
+          order: NA,
+          assertEvent: null,
+          returnVal: undefined,
+        };
       }
     }
   }
@@ -209,9 +221,13 @@ var registerTestHandlers = function(eventTestConfig, readableIDToID) {
   var neverFire = function(readableID, registrationName) {
     runs.dispatchCount++;
     expect('').toBe(
-      'Event type: ' + registrationName +
-      '\nShould never occur on:' + readableID +
-      '\nFor event test config:\n' + JSON.stringify(eventTestConfig) + '\n'
+      'Event type: ' +
+        registrationName +
+        '\nShould never occur on:' +
+        readableID +
+        '\nFor event test config:\n' +
+        JSON.stringify(eventTestConfig) +
+        '\n',
     );
   };
 
@@ -219,20 +235,19 @@ var registerTestHandlers = function(eventTestConfig, readableIDToID) {
     for (var readableID in eventTypeTestConfig) {
       var nodeConfig = eventTypeTestConfig[readableID];
       var id = readableIDToID[readableID];
-      var handler = nodeConfig.order === NA ? neverFire.bind(null, readableID, registrationName) :
-        // We partially apply readableID and nodeConfig, as they change in the
-        // parent closure across iterations.
-        function(rID, config, e) {
-          expect(
-            rID + '->' + registrationName + ' index:' + runs.dispatchCount++
-          ).toBe(
-            rID + '->' + registrationName + ' index:' + config.order
-          );
-          if (config.assertEvent) {
-            config.assertEvent(e);
-          }
-          return config.returnVal;
-        }.bind(null, readableID, nodeConfig);
+      var handler = nodeConfig.order === NA
+        ? neverFire.bind(null, readableID, registrationName)
+        : // We partially apply readableID and nodeConfig, as they change in the
+          // parent closure across iterations.
+          function(rID, config, e) {
+            expect(
+              rID + '->' + registrationName + ' index:' + runs.dispatchCount++,
+            ).toBe(rID + '->' + registrationName + ' index:' + config.order);
+            if (config.assertEvent) {
+              config.assertEvent(e);
+            }
+            return config.returnVal;
+          }.bind(null, readableID, nodeConfig);
       putListener(getInstanceFromNode(id), registrationName, handler);
     }
   };
@@ -241,17 +256,21 @@ var registerTestHandlers = function(eventTestConfig, readableIDToID) {
     var hasTwoPhase = !!oneEventTypeTestConfig.bubbled;
     if (hasTwoPhase) {
       registerOneEventType(
-        ResponderEventPlugin.eventTypes[eventName].phasedRegistrationNames.bubbled,
-        oneEventTypeTestConfig.bubbled
+        ResponderEventPlugin.eventTypes[
+          eventName
+        ].phasedRegistrationNames.bubbled,
+        oneEventTypeTestConfig.bubbled,
       );
       registerOneEventType(
-        ResponderEventPlugin.eventTypes[eventName].phasedRegistrationNames.captured,
-        oneEventTypeTestConfig.captured
+        ResponderEventPlugin.eventTypes[
+          eventName
+        ].phasedRegistrationNames.captured,
+        oneEventTypeTestConfig.captured,
       );
     } else {
       registerOneEventType(
         ResponderEventPlugin.eventTypes[eventName].registrationName,
-        oneEventTypeTestConfig
+        oneEventTypeTestConfig,
       );
     }
   }
@@ -284,7 +303,7 @@ var run = function(config, hierarchyConfig, nativeEventConfig) {
     nativeEventConfig.topLevelType,
     nativeEventConfig.targetInst,
     nativeEventConfig.nativeEvent,
-    nativeEventConfig.target
+    nativeEventConfig.target,
   );
 
   // At this point the negotiation events have been dispatched as part of the
@@ -294,41 +313,39 @@ var run = function(config, hierarchyConfig, nativeEventConfig) {
   EventPluginHub.processEventQueue(true);
 
   // Ensure that every event that declared an `order`, was actually dispatched.
-  expect(
-    'number of events dispatched:' + runData.dispatchCount
-  ).toBe(
-    'number of events dispatched:' + (max + 1)
+  expect('number of events dispatched:' + runData.dispatchCount).toBe(
+    'number of events dispatched:' + (max + 1),
   ); // +1 for extra ++
 };
 
-var GRANDPARENT_HOST_NODE = { };
-var PARENT_HOST_NODE = { };
-var CHILD_HOST_NODE = { };
-var CHILD_HOST_NODE2 = { };
+var GRANDPARENT_HOST_NODE = {};
+var PARENT_HOST_NODE = {};
+var CHILD_HOST_NODE = {};
+var CHILD_HOST_NODE2 = {};
 
 var GRANDPARENT_INST = {
   _hostParent: null,
   _rootNodeID: '1',
   _hostNode: GRANDPARENT_HOST_NODE,
-  _currentElement: { props: {} },
+  _currentElement: {props: {}},
 };
 var PARENT_INST = {
   _hostParent: GRANDPARENT_INST,
   _rootNodeID: '2',
   _hostNode: PARENT_HOST_NODE,
-  _currentElement: { props: {} },
+  _currentElement: {props: {}},
 };
 var CHILD_INST = {
   _hostParent: PARENT_INST,
   _rootNodeID: '3',
   _hostNode: CHILD_HOST_NODE,
-  _currentElement: { props: {} },
+  _currentElement: {props: {}},
 };
 var CHILD_INST2 = {
   _hostParent: PARENT_INST,
   _rootNodeID: '4',
   _hostNode: CHILD_HOST_NODE2,
-  _currentElement: { props: {} },
+  _currentElement: {props: {}},
 };
 
 GRANDPARENT_HOST_NODE._reactInstance = GRANDPARENT_INST;
@@ -365,7 +382,6 @@ function deleteAllListeners(node) {
 }
 
 describe('ResponderEventPlugin', () => {
-
   beforeEach(() => {
     jest.resetModules();
 
@@ -386,12 +402,27 @@ describe('ResponderEventPlugin', () => {
 
   it('should do nothing when no one wants to respond', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.captured.child = {order: 2, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.child = {
+      order: 2,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.child = {order: 3, returnVal: false};
-    config.startShouldSetResponder.bubbled.parent = {order: 4, returnVal: false};
-    config.startShouldSetResponder.bubbled.grandParent = {order: 5, returnVal: false};
+    config.startShouldSetResponder.bubbled.parent = {
+      order: 4,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.bubbled.grandParent = {
+      order: 5,
+      returnVal: false,
+    };
     run(config, three, startConfig(three.child, [three.child], [0]));
     expect(ResponderEventPlugin._getResponder()).toBe(null);
 
@@ -401,20 +432,23 @@ describe('ResponderEventPlugin', () => {
     expect(ResponderEventPlugin._getResponder()).toBe(null);
   });
 
-
   /**
    * Simple Start Granting
    * --------------------
    */
 
-
   it('should grant responder grandParent while capturing', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: true};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: true,
+    };
     config.responderGrant.grandParent = {order: 1};
     config.responderStart.grandParent = {order: 2};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.grandParent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.grandParent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.grandParent = {order: 0};
@@ -425,12 +459,20 @@ describe('ResponderEventPlugin', () => {
 
   it('should grant responder parent while capturing', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: true};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: true,
+    };
     config.responderGrant.parent = {order: 2};
     config.responderStart.parent = {order: 3};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.parent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.parent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.parent = {order: 0};
@@ -441,13 +483,21 @@ describe('ResponderEventPlugin', () => {
 
   it('should grant responder child while capturing', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.startShouldSetResponder.captured.child = {order: 2, returnVal: true};
     config.responderGrant.child = {order: 3};
     config.responderStart.child = {order: 4};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.child = {order: 0};
@@ -458,14 +508,25 @@ describe('ResponderEventPlugin', () => {
 
   it('should grant responder child while bubbling', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.captured.child = {order: 2, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.child = {
+      order: 2,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.child = {order: 3, returnVal: true};
     config.responderGrant.child = {order: 4};
     config.responderStart.child = {order: 5};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.child = {order: 0};
@@ -476,15 +537,26 @@ describe('ResponderEventPlugin', () => {
 
   it('should grant responder parent while bubbling', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.captured.child = {order: 2, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.child = {
+      order: 2,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.child = {order: 3, returnVal: false};
     config.startShouldSetResponder.bubbled.parent = {order: 4, returnVal: true};
     config.responderGrant.parent = {order: 5};
     config.responderStart.parent = {order: 6};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.parent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.parent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.parent = {order: 0};
@@ -495,16 +567,33 @@ describe('ResponderEventPlugin', () => {
 
   it('should grant responder grandParent while bubbling', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.captured.child = {order: 2, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.child = {
+      order: 2,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.child = {order: 3, returnVal: false};
-    config.startShouldSetResponder.bubbled.parent = {order: 4, returnVal: false};
-    config.startShouldSetResponder.bubbled.grandParent = {order: 5, returnVal: true};
+    config.startShouldSetResponder.bubbled.parent = {
+      order: 4,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.bubbled.grandParent = {
+      order: 5,
+      returnVal: true,
+    };
     config.responderGrant.grandParent = {order: 6};
     config.responderStart.grandParent = {order: 7};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.grandParent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.grandParent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.grandParent = {order: 0};
@@ -513,8 +602,6 @@ describe('ResponderEventPlugin', () => {
     expect(ResponderEventPlugin._getResponder()).toBe(null);
   });
 
-
-
   /**
    * Simple Move Granting
    * --------------------
@@ -532,11 +619,16 @@ describe('ResponderEventPlugin', () => {
     run(config, three, startConfig(three.child, [three.child], [0]));
 
     config = oneEventLoopTestConfig(three);
-    config.moveShouldSetResponder.captured.grandParent = {order: 0, returnVal: true};
+    config.moveShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: true,
+    };
     config.responderGrant.grandParent = {order: 1};
     config.responderMove.grandParent = {order: 2};
     run(config, three, moveConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.grandParent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.grandParent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.grandParent = {order: 0};
@@ -557,12 +649,17 @@ describe('ResponderEventPlugin', () => {
     run(config, three, startConfig(three.child, [three.child], [0]));
 
     config = oneEventLoopTestConfig(three);
-    config.moveShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
+    config.moveShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.captured.parent = {order: 1, returnVal: true};
     config.responderGrant.parent = {order: 2};
     config.responderMove.parent = {order: 3};
     run(config, three, moveConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.parent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.parent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.parent = {order: 0};
@@ -583,13 +680,21 @@ describe('ResponderEventPlugin', () => {
     run(config, three, startConfig(three.child, [three.child], [0]));
 
     config = oneEventLoopTestConfig(three);
-    config.moveShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.moveShouldSetResponder.captured.parent = {order: 1, returnVal: false};
+    config.moveShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.moveShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.captured.child = {order: 2, returnVal: true};
     config.responderGrant.child = {order: 3};
     config.responderMove.child = {order: 4};
     run(config, three, moveConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.child = {order: 0};
@@ -610,14 +715,22 @@ describe('ResponderEventPlugin', () => {
     run(config, three, startConfig(three.child, [three.child], [0]));
 
     config = oneEventLoopTestConfig(three);
-    config.moveShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.moveShouldSetResponder.captured.parent = {order: 1, returnVal: false};
+    config.moveShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.moveShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.captured.child = {order: 2, returnVal: false};
     config.moveShouldSetResponder.bubbled.child = {order: 3, returnVal: true};
     config.responderGrant.child = {order: 4};
     config.responderMove.child = {order: 5};
     run(config, three, moveConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.child = {order: 0};
@@ -638,15 +751,23 @@ describe('ResponderEventPlugin', () => {
     run(config, three, startConfig(three.child, [three.child], [0]));
 
     config = oneEventLoopTestConfig(three);
-    config.moveShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.moveShouldSetResponder.captured.parent = {order: 1, returnVal: false};
+    config.moveShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.moveShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.captured.child = {order: 2, returnVal: false};
     config.moveShouldSetResponder.bubbled.child = {order: 3, returnVal: false};
     config.moveShouldSetResponder.bubbled.parent = {order: 4, returnVal: true};
     config.responderGrant.parent = {order: 5};
     config.responderMove.parent = {order: 6};
     run(config, three, moveConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.parent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.parent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.parent = {order: 0};
@@ -667,16 +788,27 @@ describe('ResponderEventPlugin', () => {
     run(config, three, startConfig(three.child, [three.child], [0]));
 
     config = oneEventLoopTestConfig(three);
-    config.moveShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.moveShouldSetResponder.captured.parent = {order: 1, returnVal: false};
+    config.moveShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.moveShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.captured.child = {order: 2, returnVal: false};
     config.moveShouldSetResponder.bubbled.child = {order: 3, returnVal: false};
     config.moveShouldSetResponder.bubbled.parent = {order: 4, returnVal: false};
-    config.moveShouldSetResponder.bubbled.grandParent = {order: 5, returnVal: true};
+    config.moveShouldSetResponder.bubbled.grandParent = {
+      order: 5,
+      returnVal: true,
+    };
     config.responderGrant.grandParent = {order: 6};
     config.responderMove.grandParent = {order: 7};
     run(config, three, moveConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.grandParent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.grandParent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.grandParent = {order: 0};
@@ -685,7 +817,6 @@ describe('ResponderEventPlugin', () => {
     expect(ResponderEventPlugin._getResponder()).toBe(null);
   });
 
-
   /**
    * Common ancestor tests
    * ---------------------
@@ -693,22 +824,38 @@ describe('ResponderEventPlugin', () => {
 
   it('should bubble negotiation to first common ancestor of responder', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: true};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: true,
+    };
     config.responderGrant.parent = {order: 2};
     config.responderStart.parent = {order: 3};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.parent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.parent),
+    );
 
     // While `parent` is still responder, we create new handlers that verify
     // the ordering of propagation, restarting the count at `0`.
     config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
 
-    config.startShouldSetResponder.bubbled.grandParent = {order: 1, returnVal: false};
+    config.startShouldSetResponder.bubbled.grandParent = {
+      order: 1,
+      returnVal: false,
+    };
     config.responderStart.parent = {order: 2};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.parent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.parent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.parent = {order: 0};
@@ -719,29 +866,48 @@ describe('ResponderEventPlugin', () => {
 
   it('should bubble negotiation to first common ancestor of responder then transfer', () => {
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: true};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: true,
+    };
     config.responderGrant.parent = {order: 2};
     config.responderStart.parent = {order: 3};
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.parent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.parent),
+    );
 
     config = oneEventLoopTestConfig(three);
 
     // Parent is responder, and responder is transferred by a second touch start
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: true};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: true,
+    };
     config.responderGrant.grandParent = {order: 1};
     config.responderTerminationRequest.parent = {order: 2, returnVal: true};
     config.responderTerminate.parent = {order: 3};
     config.responderStart.grandParent = {order: 4};
-    run(config, three, startConfig(three.child, [three.child, three.child], [1]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.grandParent));
+    run(
+      config,
+      three,
+      startConfig(three.child, [three.child, three.child], [1]),
+    );
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.grandParent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.grandParent = {order: 0};
-                                      // one remains\ /one ended \
+    // one remains\ /one ended \
     run(config, three, endConfig(three.child, [three.child, three.child], [1]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.grandParent));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.grandParent),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.grandParent = {order: 0};
@@ -757,10 +923,22 @@ describe('ResponderEventPlugin', () => {
   it('should negotiate with deepest target on second touch if nothing is responder', () => {
     // Initially nothing wants to become the responder
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.bubbled.parent = {order: 2, returnVal: false};
-    config.startShouldSetResponder.bubbled.grandParent = {order: 3, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.bubbled.parent = {
+      order: 2,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.bubbled.grandParent = {
+      order: 3,
+      returnVal: false,
+    };
 
     run(config, three, startConfig(three.parent, [three.parent], [0]));
     expect(ResponderEventPlugin._getResponder()).toBe(null);
@@ -771,16 +949,30 @@ describe('ResponderEventPlugin', () => {
     // as the target is because we don't find first common ancestor (with
     // current responder) because there is no current responder.
     // (Even if this is the second active touch).
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.captured.child = {order: 2, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.child = {
+      order: 2,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.child = {order: 3, returnVal: true};
     config.responderGrant.child = {order: 4};
     config.responderStart.child = {order: 5};
     //                                     /  Two active touches  \  /one of them new\
-    run(config, three, startConfig(three.child, [three.parent, three.child], [1]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
-
+    run(
+      config,
+      three,
+      startConfig(three.child, [three.parent, three.child], [1]),
+    );
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     // Now we remove the original first touch, keeping the second touch that
     // started within the current responder (child). Nothing changes because
@@ -788,50 +980,90 @@ describe('ResponderEventPlugin', () => {
     config = oneEventLoopTestConfig(three);
     config.responderEnd.child = {order: 0};
     //                                      / one ended\  /one remains \
-    run(config, three, endConfig(three.child, [three.parent, three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    run(
+      config,
+      three,
+      endConfig(three.child, [three.parent, three.child], [0]),
+    );
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     // Okay, now let's add back that first touch (nothing should change) and
     // then we'll try peeling back the touches in the opposite order to make
     // sure that first removing the second touch instantly causes responder to
     // be released.
     config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.bubbled.parent = {order: 2, returnVal: false};
-    config.startShouldSetResponder.bubbled.grandParent = {order: 3, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.bubbled.parent = {
+      order: 2,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.bubbled.grandParent = {
+      order: 3,
+      returnVal: false,
+    };
     // Interesting: child still gets moves even though touch target is parent!
     // Current responder gets a `responderStart` for any touch while responder.
     config.responderStart.child = {order: 4};
     //                                           /  Two active touches  \  /one of them new\
-    run(config, three, startConfig(three.parent, [three.child, three.parent], [1]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
-
+    run(
+      config,
+      three,
+      startConfig(three.parent, [three.child, three.parent], [1]),
+    );
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     // Now, move that new touch that had no effect, and did not start within
     // the current responder.
     config = oneEventLoopTestConfig(three);
-    config.moveShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.moveShouldSetResponder.captured.parent = {order: 1, returnVal: false};
+    config.moveShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.moveShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.bubbled.parent = {order: 2, returnVal: false};
-    config.moveShouldSetResponder.bubbled.grandParent = {order: 3, returnVal: false};
+    config.moveShouldSetResponder.bubbled.grandParent = {
+      order: 3,
+      returnVal: false,
+    };
     // Interesting: child still gets moves even though touch target is parent!
     // Current responder gets a `responderMove` for any touch while responder.
     config.responderMove.child = {order: 4};
     //                                     /  Two active touches  \  /one of them moved\
-    run(config, three, moveConfig(three.parent, [three.child, three.parent], [1]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
-
+    run(
+      config,
+      three,
+      moveConfig(three.parent, [three.child, three.parent], [1]),
+    );
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.child = {order: 0};
     config.responderRelease.child = {order: 1};
     //                                        /child end \ /parent remain\
-    run(config, three, endConfig(three.child, [three.child, three.parent], [0]));
+    run(
+      config,
+      three,
+      endConfig(three.child, [three.child, three.parent], [0]),
+    );
     expect(ResponderEventPlugin._getResponder()).toBe(null);
   });
 
-
   /**
    * If nothing is responder, then the negotiation should propagate directly to
    * the deepest target in the second touch.
@@ -839,65 +1071,131 @@ describe('ResponderEventPlugin', () => {
   it('should negotiate until first common ancestor when there are siblings', () => {
     // Initially nothing wants to become the responder
     var config = oneEventLoopTestConfig(siblings);
-    config.startShouldSetResponder.captured.parent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.childOne = {order: 1, returnVal: false};
-    config.startShouldSetResponder.bubbled.childOne = {order: 2, returnVal: true};
+    config.startShouldSetResponder.captured.parent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.childOne = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.bubbled.childOne = {
+      order: 2,
+      returnVal: true,
+    };
     config.responderGrant.childOne = {order: 3};
     config.responderStart.childOne = {order: 4};
 
-    run(config, siblings, startConfig(siblings.childOne, [siblings.childOne], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(siblings.childOne));
+    run(
+      config,
+      siblings,
+      startConfig(siblings.childOne, [siblings.childOne], [0]),
+    );
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(siblings.childOne),
+    );
 
     // If the touch target is the sibling item, the negotiation should only
     // propagate to first common ancestor of current responder and sibling (so
     // the parent).
     config = oneEventLoopTestConfig(siblings);
-    config.startShouldSetResponder.captured.parent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.bubbled.parent = {order: 1, returnVal: false};
+    config.startShouldSetResponder.captured.parent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.bubbled.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.responderStart.childOne = {order: 2};
 
-    var touchConfig =
-      startConfig(siblings.childTwo, [siblings.childOne, siblings.childTwo], [1]);
+    var touchConfig = startConfig(
+      siblings.childTwo,
+      [siblings.childOne, siblings.childTwo],
+      [1],
+    );
     run(config, siblings, touchConfig);
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(siblings.childOne));
-
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(siblings.childOne),
+    );
 
     // move childOne
     config = oneEventLoopTestConfig(siblings);
-    config.moveShouldSetResponder.captured.parent = {order: 0, returnVal: false};
+    config.moveShouldSetResponder.captured.parent = {
+      order: 0,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.bubbled.parent = {order: 1, returnVal: false};
     config.responderMove.childOne = {order: 2};
-    run(config, siblings, moveConfig(siblings.childOne, [siblings.childOne, siblings.childTwo], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(siblings.childOne));
+    run(
+      config,
+      siblings,
+      moveConfig(
+        siblings.childOne,
+        [siblings.childOne, siblings.childTwo],
+        [0],
+      ),
+    );
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(siblings.childOne),
+    );
 
     // move childTwo: Only negotiates to `parent`.
     config = oneEventLoopTestConfig(siblings);
-    config.moveShouldSetResponder.captured.parent = {order: 0, returnVal: false};
+    config.moveShouldSetResponder.captured.parent = {
+      order: 0,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.bubbled.parent = {order: 1, returnVal: false};
     config.responderMove.childOne = {order: 2};
-    run(config, siblings, moveConfig(siblings.childTwo, [siblings.childOne, siblings.childTwo], [1]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(siblings.childOne));
-
+    run(
+      config,
+      siblings,
+      moveConfig(
+        siblings.childTwo,
+        [siblings.childOne, siblings.childTwo],
+        [1],
+      ),
+    );
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(siblings.childOne),
+    );
   });
 
-
   it('should notify of being rejected. responderStart/Move happens on current responder', () => {
     // Initially nothing wants to become the responder
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.captured.child = {order: 2, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.child = {
+      order: 2,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.child = {order: 3, returnVal: true};
     config.responderGrant.child = {order: 4};
     config.responderStart.child = {order: 5};
 
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     // Suppose parent wants to become responder on move, and is rejected
     config = oneEventLoopTestConfig(three);
-    config.moveShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.moveShouldSetResponder.captured.parent = {order: 1, returnVal: false};
+    config.moveShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.moveShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.moveShouldSetResponder.bubbled.parent = {order: 2, returnVal: true};
     config.responderGrant.parent = {order: 3};
     config.responderTerminationRequest.child = {order: 4, returnVal: false};
@@ -905,14 +1203,21 @@ describe('ResponderEventPlugin', () => {
     // The start/move should occur on the original responder if new one is rejected
     config.responderMove.child = {order: 6};
 
-    var touchConfig =
-      moveConfig(three.child, [three.child], [0]);
+    var touchConfig = moveConfig(three.child, [three.child], [0]);
     run(config, three, touchConfig);
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.parent = {order: 2, returnVal: true};
     config.responderGrant.parent = {order: 3};
     config.responderTerminationRequest.child = {order: 4, returnVal: false};
@@ -920,34 +1225,53 @@ describe('ResponderEventPlugin', () => {
     // The start/move should occur on the original responder if new one is rejected
     config.responderStart.child = {order: 6};
 
-    touchConfig =
-      startConfig(three.child, [three.child, three.child], [1]);
+    touchConfig = startConfig(three.child, [three.child, three.child], [1]);
     run(config, three, touchConfig);
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
-
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
   });
 
-
   it('should negotiate scroll', () => {
     // Initially nothing wants to become the responder
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.captured.child = {order: 2, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.child = {
+      order: 2,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.child = {order: 3, returnVal: true};
     config.responderGrant.child = {order: 4};
     config.responderStart.child = {order: 5};
 
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     // If the touch target is the sibling item, the negotiation should only
     // propagate to first common ancestor of current responder and sibling (so
     // the parent).
     config = oneEventLoopTestConfig(three);
-    config.scrollShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.scrollShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.scrollShouldSetResponder.bubbled.parent = {order: 2, returnVal: true};
+    config.scrollShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.scrollShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.scrollShouldSetResponder.bubbled.parent = {
+      order: 2,
+      returnVal: true,
+    };
     config.responderGrant.parent = {order: 3};
     config.responderTerminationRequest.child = {order: 4, returnVal: false};
     config.responderReject.parent = {order: 5};
@@ -957,14 +1281,24 @@ describe('ResponderEventPlugin', () => {
       targetInst: getInstanceFromNode(three.parent),
       nativeEvent: {},
     });
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
-
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     // Now lets let the scroll take control this time.
     config = oneEventLoopTestConfig(three);
-    config.scrollShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.scrollShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.scrollShouldSetResponder.bubbled.parent = {order: 2, returnVal: true};
+    config.scrollShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.scrollShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.scrollShouldSetResponder.bubbled.parent = {
+      order: 2,
+      returnVal: true,
+    };
     config.responderGrant.parent = {order: 3};
     config.responderTerminationRequest.child = {order: 4, returnVal: true};
     config.responderTerminate.child = {order: 5};
@@ -974,23 +1308,34 @@ describe('ResponderEventPlugin', () => {
       targetInst: getInstanceFromNode(three.parent),
       nativeEvent: {},
     });
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.parent));
-
-
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.parent),
+    );
   });
 
   it('should cancel correctly', () => {
     // Initially our child becomes responder
     var config = oneEventLoopTestConfig(three);
-    config.startShouldSetResponder.captured.grandParent = {order: 0, returnVal: false};
-    config.startShouldSetResponder.captured.parent = {order: 1, returnVal: false};
-    config.startShouldSetResponder.captured.child = {order: 2, returnVal: false};
+    config.startShouldSetResponder.captured.grandParent = {
+      order: 0,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.parent = {
+      order: 1,
+      returnVal: false,
+    };
+    config.startShouldSetResponder.captured.child = {
+      order: 2,
+      returnVal: false,
+    };
     config.startShouldSetResponder.bubbled.child = {order: 3, returnVal: true};
     config.responderGrant.child = {order: 4};
     config.responderStart.child = {order: 5};
 
     run(config, three, startConfig(three.child, [three.child], [0]));
-    expect(ResponderEventPlugin._getResponder()).toBe(getInstanceFromNode(three.child));
+    expect(ResponderEventPlugin._getResponder()).toBe(
+      getInstanceFromNode(three.child),
+    );
 
     config = oneEventLoopTestConfig(three);
     config.responderEnd.child = {order: 0};
@@ -1000,7 +1345,7 @@ describe('ResponderEventPlugin', () => {
       'topTouchCancel',
       three.child,
       [three.child],
-      [0]
+      [0],
     );
     run(config, three, nativeEvent);
     expect(ResponderEventPlugin._getResponder()).toBe(null);
diff --git a/src/renderers/shared/shared/getContextForSubtree.js b/src/renderers/shared/shared/getContextForSubtree.js
index 84f7e6a811..2883e36834 100644
--- a/src/renderers/shared/shared/getContextForSubtree.js
+++ b/src/renderers/shared/shared/getContextForSubtree.js
@@ -19,7 +19,9 @@ let getContextFiber = function(arg) {
   invariant(false, 'Missing injection for fiber getContextForSubtree');
 };
 
-function getContextForSubtree(parentComponent : ?ReactComponent<any, any, any>) : Object {
+function getContextForSubtree(
+  parentComponent: ?ReactComponent<any, any, any>,
+): Object {
   if (!parentComponent) {
     return emptyObject;
   }
diff --git a/src/renderers/shared/shared/shouldUpdateReactComponent.js b/src/renderers/shared/shared/shouldUpdateReactComponent.js
index 2c4a155429..9a723b884d 100644
--- a/src/renderers/shared/shared/shouldUpdateReactComponent.js
+++ b/src/renderers/shared/shared/shouldUpdateReactComponent.js
@@ -32,13 +32,11 @@ function shouldUpdateReactComponent(prevElement, nextElement) {
   var prevType = typeof prevElement;
   var nextType = typeof nextElement;
   if (prevType === 'string' || prevType === 'number') {
-    return (nextType === 'string' || nextType === 'number');
+    return nextType === 'string' || nextType === 'number';
   } else {
-    return (
-      nextType === 'object' &&
+    return nextType === 'object' &&
       prevElement.type === nextElement.type &&
-      prevElement.key === nextElement.key
-    );
+      prevElement.key === nextElement.key;
   }
 }
 
diff --git a/src/renderers/shared/stack/reconciler/CallbackQueue.js b/src/renderers/shared/stack/reconciler/CallbackQueue.js
index 5816938448..c82dbfccd9 100644
--- a/src/renderers/shared/stack/reconciler/CallbackQueue.js
+++ b/src/renderers/shared/stack/reconciler/CallbackQueue.js
@@ -66,7 +66,7 @@ class CallbackQueue<T> {
     if (callbacks && contexts) {
       invariant(
         callbacks.length === contexts.length,
-        'Mismatched list of contexts in callback queue'
+        'Mismatched list of contexts in callback queue',
       );
       this._callbacks = null;
       this._contexts = null;
diff --git a/src/renderers/shared/stack/reconciler/ReactChildReconciler.js b/src/renderers/shared/stack/reconciler/ReactChildReconciler.js
index d858ed07ee..7c9a13bfd0 100644
--- a/src/renderers/shared/stack/reconciler/ReactChildReconciler.js
+++ b/src/renderers/shared/stack/reconciler/ReactChildReconciler.js
@@ -37,7 +37,7 @@ if (
 
 function instantiateChild(childInstances, child, name, selfDebugID) {
   // We found a component instance.
-  var keyUnique = (childInstances[name] === undefined);
+  var keyUnique = childInstances[name] === undefined;
   if (__DEV__) {
     if (!ReactComponentTreeHook) {
       ReactComponentTreeHook = require('react/lib/ReactComponentTreeHook');
@@ -46,10 +46,10 @@ function instantiateChild(childInstances, child, name, selfDebugID) {
       warning(
         false,
         'flattenChildren(...): Encountered two children with the same key, ' +
-        '`%s`. Child keys must be unique; when two children share a key, only ' +
-        'the first child will be used.%s',
+          '`%s`. Child keys must be unique; when two children share a key, only ' +
+          'the first child will be used.%s',
         KeyEscapeUtils.unescape(name),
-        ReactComponentTreeHook.getStackAddendumByID(selfDebugID)
+        ReactComponentTreeHook.getStackAddendumByID(selfDebugID),
       );
     }
   }
@@ -76,7 +76,7 @@ var ReactChildReconciler = {
     nestedChildNodes,
     transaction,
     context,
-    selfDebugID // 0 in production and for roots
+    selfDebugID, // 0 in production and for roots
   ) {
     if (nestedChildNodes == null) {
       return null;
@@ -86,13 +86,9 @@ var ReactChildReconciler = {
     if (__DEV__) {
       traverseAllChildren(
         nestedChildNodes,
-        (childInsts, child, name) => instantiateChild(
-          childInsts,
-          child,
-          name,
-          selfDebugID
-        ),
-        childInstances
+        (childInsts, child, name) =>
+          instantiateChild(childInsts, child, name, selfDebugID),
+        childInstances,
       );
     } else {
       traverseAllChildren(nestedChildNodes, instantiateChild, childInstances);
@@ -119,7 +115,7 @@ var ReactChildReconciler = {
     hostParent,
     hostContainerInfo,
     context,
-    selfDebugID // 0 in production and for roots
+    selfDebugID, // 0 in production and for roots
   ) {
     // We currently don't have a way to track moves here but if we use iterators
     // instead of for..in we can zip the iterators and check if an item has
@@ -138,22 +134,26 @@ var ReactChildReconciler = {
       prevChild = prevChildren && prevChildren[name];
       var prevElement = prevChild && prevChild._currentElement;
       var nextElement = nextChildren[name];
-      if (prevChild != null &&
-          shouldUpdateReactComponent(prevElement, nextElement)) {
+      if (
+        prevChild != null &&
+        shouldUpdateReactComponent(prevElement, nextElement)
+      ) {
         ReactReconciler.receiveComponent(
-          prevChild, nextElement, transaction, context
+          prevChild,
+          nextElement,
+          transaction,
+          context,
         );
         nextChildren[name] = prevChild;
       } else {
         if (
-          !ReactFeatureFlags.prepareNewChildrenBeforeUnmountInStack &&
-          prevChild
+          !ReactFeatureFlags.prepareNewChildrenBeforeUnmountInStack && prevChild
         ) {
           removedNodes[name] = ReactReconciler.getHostNode(prevChild);
           ReactReconciler.unmountComponent(
             prevChild,
-            false, /* safely */
-            false /* skipLifecycle */
+            false /* safely */,
+            false /* skipLifecycle */,
           );
         }
         // The child must be instantiated before it's mounted.
@@ -167,32 +167,33 @@ var ReactChildReconciler = {
           hostParent,
           hostContainerInfo,
           context,
-          selfDebugID
+          selfDebugID,
         );
         mountImages.push(nextChildMountImage);
         if (
-          ReactFeatureFlags.prepareNewChildrenBeforeUnmountInStack &&
-          prevChild
+          ReactFeatureFlags.prepareNewChildrenBeforeUnmountInStack && prevChild
         ) {
           removedNodes[name] = ReactReconciler.getHostNode(prevChild);
           ReactReconciler.unmountComponent(
             prevChild,
-            false, /* safely */
-            false /* skipLifecycle */
+            false /* safely */,
+            false /* skipLifecycle */,
           );
         }
       }
     }
     // Unmount children that are no longer present.
     for (name in prevChildren) {
-      if (prevChildren.hasOwnProperty(name) &&
-          !(nextChildren && nextChildren.hasOwnProperty(name))) {
+      if (
+        prevChildren.hasOwnProperty(name) &&
+        !(nextChildren && nextChildren.hasOwnProperty(name))
+      ) {
         prevChild = prevChildren[name];
         removedNodes[name] = ReactReconciler.getHostNode(prevChild);
         ReactReconciler.unmountComponent(
           prevChild,
-          false, /* safely */
-          false /* skipLifecycle */
+          false /* safely */,
+          false /* skipLifecycle */,
         );
       }
     }
@@ -213,7 +214,6 @@ var ReactChildReconciler = {
       }
     }
   },
-
 };
 
 module.exports = ReactChildReconciler;
diff --git a/src/renderers/shared/stack/reconciler/ReactComponentEnvironment.js b/src/renderers/shared/stack/reconciler/ReactComponentEnvironment.js
index e35cb498c7..dae8811e7e 100644
--- a/src/renderers/shared/stack/reconciler/ReactComponentEnvironment.js
+++ b/src/renderers/shared/stack/reconciler/ReactComponentEnvironment.js
@@ -25,7 +25,6 @@ type Environment = {
 var injected = false;
 
 var ReactComponentEnvironment = {
-
   /**
    * Optionally injectable hook for swapping out mount images in the middle of
    * the tree.
@@ -42,16 +41,13 @@ var ReactComponentEnvironment = {
     injectEnvironment: function(environment: Environment) {
       invariant(
         !injected,
-        'ReactCompositeComponent: injectEnvironment() can only be called once.'
+        'ReactCompositeComponent: injectEnvironment() can only be called once.',
       );
-      ReactComponentEnvironment.replaceNodeWithMarkup =
-        environment.replaceNodeWithMarkup;
-      ReactComponentEnvironment.processChildrenUpdates =
-        environment.processChildrenUpdates;
+      ReactComponentEnvironment.replaceNodeWithMarkup = environment.replaceNodeWithMarkup;
+      ReactComponentEnvironment.processChildrenUpdates = environment.processChildrenUpdates;
       injected = true;
     },
   },
-
 };
 
 module.exports = ReactComponentEnvironment;
diff --git a/src/renderers/shared/stack/reconciler/ReactCompositeComponent.js b/src/renderers/shared/stack/reconciler/ReactCompositeComponent.js
index 7db8225d5b..5dfcc45d44 100644
--- a/src/renderers/shared/stack/reconciler/ReactCompositeComponent.js
+++ b/src/renderers/shared/stack/reconciler/ReactCompositeComponent.js
@@ -34,8 +34,7 @@ var shallowEqual = require('fbjs/lib/shallowEqual');
 var shouldUpdateReactComponent = require('shouldUpdateReactComponent');
 var warning = require('fbjs/lib/warning');
 
-function StatelessComponent(Component) {
-}
+function StatelessComponent(Component) {}
 StatelessComponent.prototype.render = function() {
   var Component = ReactInstanceMap.get(this)._currentElement.type;
   var element = Component(this.props, this.context, this.updater);
@@ -106,7 +105,6 @@ var nextMountID = 1;
  * @lends {ReactCompositeComponent.prototype}
  */
 var ReactCompositeComponent = {
-
   /**
    * Base constructor for all composite component.
    *
@@ -161,7 +159,7 @@ var ReactCompositeComponent = {
     transaction,
     hostParent,
     hostContainerInfo,
-    context
+    context,
   ) {
     this._context = context;
     this._mountOrder = nextMountID++;
@@ -181,7 +179,7 @@ var ReactCompositeComponent = {
       doConstruct,
       publicProps,
       publicContext,
-      updateQueue
+      updateQueue,
     );
     var renderedElement;
 
@@ -192,16 +190,14 @@ var ReactCompositeComponent = {
         warning(
           !Component.childContextTypes,
           '%s(...): childContextTypes cannot be defined on a functional component.',
-          Component.displayName || Component.name || 'Component'
+          Component.displayName || Component.name || 'Component',
         );
       }
       invariant(
-        inst === null ||
-        inst === false ||
-        React.isValidElement(inst),
+        inst === null || inst === false || React.isValidElement(inst),
         '%s(...): A valid React element (or null) must be returned. You may have ' +
-        'returned undefined, an array or some other invalid object.',
-        Component.displayName || Component.name || 'Component'
+          'returned undefined, an array or some other invalid object.',
+        Component.displayName || Component.name || 'Component',
       );
       inst = new StatelessComponent(Component);
       this._compositeType = ReactCompositeComponentTypes.StatelessFunctional;
@@ -220,20 +216,22 @@ var ReactCompositeComponent = {
         warning(
           false,
           '%s(...): No `render` method found on the returned component ' +
-          'instance: you may have forgotten to define `render`.',
-          Component.displayName || Component.name || 'Component'
+            'instance: you may have forgotten to define `render`.',
+          Component.displayName || Component.name || 'Component',
         );
       }
 
       var propsMutated = inst.props !== publicProps;
-      var componentName =
-        Component.displayName || Component.name || 'Component';
+      var componentName = Component.displayName ||
+        Component.name ||
+        'Component';
 
       warning(
         inst.props === undefined || !propsMutated,
         '%s(...): When calling super() in `%s`, make sure to pass ' +
-        'up the same props that your component\'s constructor was passed.',
-        componentName, componentName
+          "up the same props that your component's constructor was passed.",
+        componentName,
+        componentName,
       );
     }
 
@@ -255,64 +253,63 @@ var ReactCompositeComponent = {
       // catch them here, at initialization time, instead.
       warning(
         !inst.getInitialState ||
-        inst.getInitialState.isReactClassApproved ||
-        inst.state,
+          inst.getInitialState.isReactClassApproved ||
+          inst.state,
         'getInitialState was defined on %s, a plain JavaScript class. ' +
-        'This is only supported for classes created using React.createClass. ' +
-        'Did you mean to define a state property instead?',
-        this.getName() || 'a component'
+          'This is only supported for classes created using React.createClass. ' +
+          'Did you mean to define a state property instead?',
+        this.getName() || 'a component',
       );
       warning(
-        !inst.getDefaultProps ||
-        inst.getDefaultProps.isReactClassApproved,
+        !inst.getDefaultProps || inst.getDefaultProps.isReactClassApproved,
         'getDefaultProps was defined on %s, a plain JavaScript class. ' +
-        'This is only supported for classes created using React.createClass. ' +
-        'Use a static property to define defaultProps instead.',
-        this.getName() || 'a component'
+          'This is only supported for classes created using React.createClass. ' +
+          'Use a static property to define defaultProps instead.',
+        this.getName() || 'a component',
       );
       warning(
         !inst.propTypes,
         'propTypes was defined as an instance property on %s. Use a static ' +
-        'property to define propTypes instead.',
-        this.getName() || 'a component'
+          'property to define propTypes instead.',
+        this.getName() || 'a component',
       );
       warning(
         !inst.contextTypes,
         'contextTypes was defined as an instance property on %s. Use a ' +
-        'static property to define contextTypes instead.',
-        this.getName() || 'a component'
+          'static property to define contextTypes instead.',
+        this.getName() || 'a component',
       );
       warning(
         typeof inst.componentShouldUpdate !== 'function',
         '%s has a method called ' +
-        'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +
-        'The name is phrased as a question because the function is ' +
-        'expected to return a value.',
-        (this.getName() || 'A component')
+          'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +
+          'The name is phrased as a question because the function is ' +
+          'expected to return a value.',
+        this.getName() || 'A component',
       );
       warning(
         typeof inst.componentDidUnmount !== 'function',
         '%s has a method called ' +
-        'componentDidUnmount(). But there is no such lifecycle method. ' +
-        'Did you mean componentWillUnmount()?',
-        this.getName() || 'A component'
+          'componentDidUnmount(). But there is no such lifecycle method. ' +
+          'Did you mean componentWillUnmount()?',
+        this.getName() || 'A component',
       );
       warning(
         typeof inst.componentWillRecieveProps !== 'function',
         '%s has a method called ' +
-        'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
-        (this.getName() || 'A component')
+          'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
+        this.getName() || 'A component',
       );
     }
 
     var initialState = inst.state;
     if (initialState === undefined) {
-      inst.state = initialState = null;
+      inst.state = (initialState = null);
     }
     invariant(
       typeof initialState === 'object' && !Array.isArray(initialState),
       '%s.state: must be set to an object or null',
-      this.getName() || 'ReactCompositeComponent'
+      this.getName() || 'ReactCompositeComponent',
     );
 
     this._pendingStateQueue = null;
@@ -324,7 +321,7 @@ var ReactCompositeComponent = {
         measureLifeCyclePerf(
           () => inst.componentWillMount(),
           this._debugID,
-          'componentWillMount'
+          'componentWillMount',
         );
       } else {
         inst.componentWillMount();
@@ -343,7 +340,7 @@ var ReactCompositeComponent = {
         hostParent,
         hostContainerInfo,
         transaction,
-        context
+        context,
       );
     } else {
       markup = this.performInitialMount(
@@ -351,7 +348,7 @@ var ReactCompositeComponent = {
         hostParent,
         hostContainerInfo,
         transaction,
-        context
+        context,
       );
     }
 
@@ -361,7 +358,7 @@ var ReactCompositeComponent = {
           measureLifeCyclePerf(
             () => inst.componentDidMount(),
             this._debugID,
-            'componentDidMount'
+            'componentDidMount',
           );
         });
       } else {
@@ -374,10 +371,7 @@ var ReactCompositeComponent = {
     if (callbacks) {
       this._pendingCallbacks = null;
       for (let i = 0; i < callbacks.length; i++) {
-        transaction.getReactMountReady().enqueue(
-          callbacks[i],
-          inst
-        );
+        transaction.getReactMountReady().enqueue(callbacks[i], inst);
       }
     }
 
@@ -388,7 +382,7 @@ var ReactCompositeComponent = {
     doConstruct,
     publicProps,
     publicContext,
-    updateQueue
+    updateQueue,
   ) {
     if (__DEV__) {
       ReactCurrentOwner.current = this;
@@ -397,7 +391,7 @@ var ReactCompositeComponent = {
           doConstruct,
           publicProps,
           publicContext,
-          updateQueue
+          updateQueue,
         );
       } finally {
         ReactCurrentOwner.current = null;
@@ -407,7 +401,7 @@ var ReactCompositeComponent = {
         doConstruct,
         publicProps,
         publicContext,
-        updateQueue
+        updateQueue,
       );
     }
   },
@@ -416,7 +410,7 @@ var ReactCompositeComponent = {
     doConstruct,
     publicProps,
     publicContext,
-    updateQueue
+    updateQueue,
   ) {
     var Component = this._currentElement.type;
 
@@ -425,7 +419,7 @@ var ReactCompositeComponent = {
         return measureLifeCyclePerf(
           () => new Component(publicProps, publicContext, updateQueue),
           this._debugID,
-          'ctor'
+          'ctor',
         );
       } else {
         return new Component(publicProps, publicContext, updateQueue);
@@ -438,7 +432,7 @@ var ReactCompositeComponent = {
       return measureLifeCyclePerf(
         () => Component(publicProps, publicContext, updateQueue),
         this._debugID,
-        'render'
+        'render',
       );
     } else {
       return Component(publicProps, publicContext, updateQueue);
@@ -450,7 +444,7 @@ var ReactCompositeComponent = {
     hostParent,
     hostContainerInfo,
     transaction,
-    context
+    context,
   ) {
     var markup;
     var checkpoint = transaction.checkpoint();
@@ -460,20 +454,23 @@ var ReactCompositeComponent = {
         hostParent,
         hostContainerInfo,
         transaction,
-        context
+        context,
       );
     } catch (e) {
       // Roll back to checkpoint, handle error (which may add items to the transaction), and take a new checkpoint
       transaction.rollback(checkpoint);
       this._instance.unstable_handleError(e);
       if (this._pendingStateQueue) {
-        this._instance.state = this._processPendingState(this._instance.props, this._instance.context);
+        this._instance.state = this._processPendingState(
+          this._instance.props,
+          this._instance.context,
+        );
       }
       checkpoint = transaction.checkpoint();
       this._renderedComponent.unmountComponent(
-        true, /* safely */
+        true /* safely */,
         // Don't call componentWillUnmount() because they never fully mounted:
-        true /* skipLifecyle */
+        true /* skipLifecyle */,
       );
       transaction.rollback(checkpoint);
 
@@ -484,7 +481,7 @@ var ReactCompositeComponent = {
         hostParent,
         hostContainerInfo,
         transaction,
-        context
+        context,
       );
     }
     return markup;
@@ -495,7 +492,7 @@ var ReactCompositeComponent = {
     hostParent,
     hostContainerInfo,
     transaction,
-    context
+    context,
   ) {
     // If not a stateless component, we now render
     if (renderedElement === undefined) {
@@ -506,7 +503,7 @@ var ReactCompositeComponent = {
     this._renderedNodeType = nodeType;
     var child = this._instantiateReactComponent(
       renderedElement,
-      nodeType !== ReactNodeTypes.EMPTY /* shouldHaveDebugID */
+      nodeType !== ReactNodeTypes.EMPTY /* shouldHaveDebugID */,
     );
     this._renderedComponent = child;
 
@@ -521,7 +518,7 @@ var ReactCompositeComponent = {
       hostParent,
       hostContainerInfo,
       this._processChildContext(context),
-      debugID
+      debugID,
     );
 
     if (__DEV__) {
@@ -557,14 +554,18 @@ var ReactCompositeComponent = {
       if (safely) {
         if (!skipLifecycle) {
           var name = this.getName() + '.componentWillUnmount()';
-          ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(name, inst.componentWillUnmount, inst);
+          ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+            name,
+            inst.componentWillUnmount,
+            inst,
+          );
         }
       } else {
         if (__DEV__) {
           measureLifeCyclePerf(
             () => inst.componentWillUnmount(),
             this._debugID,
-            'componentWillUnmount'
+            'componentWillUnmount',
           );
         } else {
           inst.componentWillUnmount();
@@ -576,7 +577,7 @@ var ReactCompositeComponent = {
       ReactReconciler.unmountComponent(
         this._renderedComponent,
         safely,
-        skipLifecycle
+        skipLifecycle,
       );
       this._renderedNodeType = null;
       this._renderedComponent = null;
@@ -647,7 +648,7 @@ var ReactCompositeComponent = {
         this._checkContextTypes(
           Component.contextTypes,
           maskedContext,
-          'context'
+          'context',
         );
       }
     }
@@ -679,14 +680,14 @@ var ReactCompositeComponent = {
       invariant(
         typeof Component.childContextTypes === 'object',
         '%s.getChildContext(): childContextTypes must be defined in order to ' +
-        'use getChildContext().',
-        this.getName() || 'ReactCompositeComponent'
+          'use getChildContext().',
+        this.getName() || 'ReactCompositeComponent',
       );
       if (__DEV__) {
         this._checkContextTypes(
           Component.childContextTypes,
           childContext,
-          'child context'
+          'child context',
         );
       }
       for (var name in childContext) {
@@ -694,7 +695,7 @@ var ReactCompositeComponent = {
           name in Component.childContextTypes,
           '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
           this.getName() || 'ReactCompositeComponent',
-          name
+          name,
         );
       }
       return Object.assign({}, currentContext, childContext);
@@ -707,8 +708,8 @@ var ReactCompositeComponent = {
           warning(
             !Component.childContextTypes,
             '%s.childContextTypes is specified but there is no getChildContext() method ' +
-            'on the instance. You can either define getChildContext() on %s or remove ' +
-            'childContextTypes from it.',
+              'on the instance. You can either define getChildContext() on %s or remove ' +
+              'childContextTypes from it.',
             componentName,
             componentName,
           );
@@ -726,19 +727,10 @@ var ReactCompositeComponent = {
    * @param {string} location e.g. "prop", "context", "child context"
    * @private
    */
-  _checkContextTypes: function(
-    typeSpecs,
-    values,
-    location: string,
-  ) {
+  _checkContextTypes: function(typeSpecs, values, location: string) {
     if (__DEV__) {
       ReactDebugCurrentFrame.current = this._debugID;
-      checkReactTypeSpec(
-        typeSpecs,
-        values,
-        location,
-        this.getName()
-      );
+      checkReactTypeSpec(typeSpecs, values, location, this.getName());
       ReactDebugCurrentFrame.current = null;
     }
   },
@@ -754,7 +746,7 @@ var ReactCompositeComponent = {
       prevElement,
       nextElement,
       prevContext,
-      nextContext
+      nextContext,
     );
   },
 
@@ -771,7 +763,7 @@ var ReactCompositeComponent = {
         this,
         this._pendingElement,
         transaction,
-        this._context
+        this._context,
       );
     } else if (this._pendingStateQueue !== null || this._pendingForceUpdate) {
       this.updateComponent(
@@ -779,17 +771,16 @@ var ReactCompositeComponent = {
         this._currentElement,
         this._currentElement,
         this._context,
-        this._context
+        this._context,
       );
     } else {
       var callbacks = this._pendingCallbacks;
       this._pendingCallbacks = null;
       if (callbacks) {
         for (var j = 0; j < callbacks.length; j++) {
-          transaction.getReactMountReady().enqueue(
-            callbacks[j],
-            this.getPublicInstance()
-          );
+          transaction
+            .getReactMountReady()
+            .enqueue(callbacks[j], this.getPublicInstance());
         }
       }
       this._updateBatchNumber = null;
@@ -816,14 +807,14 @@ var ReactCompositeComponent = {
     prevParentElement,
     nextParentElement,
     prevUnmaskedContext,
-    nextUnmaskedContext
+    nextUnmaskedContext,
   ) {
     var inst = this._instance;
     invariant(
       inst != null,
       'Attempted to update component `%s` that has already been unmounted ' +
-      '(or failed to mount).',
-      this.getName() || 'ReactCompositeComponent'
+        '(or failed to mount).',
+      this.getName() || 'ReactCompositeComponent',
     );
 
     var willReceive = false;
@@ -867,9 +858,9 @@ var ReactCompositeComponent = {
           warning(
             false,
             '%s.componentWillReceiveProps(): Assigning directly to ' +
-            'this.state is deprecated (except inside a component\'s ' +
-            'constructor). Use setState instead.',
-            this.getName() || 'ReactCompositeComponent'
+              "this.state is deprecated (except inside a component's " +
+              'constructor). Use setState instead.',
+            this.getName() || 'ReactCompositeComponent',
           );
         }
       }
@@ -890,15 +881,18 @@ var ReactCompositeComponent = {
           shouldUpdate = measureLifeCyclePerf(
             () => inst.shouldComponentUpdate(nextProps, nextState, nextContext),
             this._debugID,
-            'shouldComponentUpdate'
+            'shouldComponentUpdate',
           );
         } else {
-          shouldUpdate = inst.shouldComponentUpdate(nextProps, nextState, nextContext);
+          shouldUpdate = inst.shouldComponentUpdate(
+            nextProps,
+            nextState,
+            nextContext,
+          );
         }
       } else {
         if (this._compositeType === ReactCompositeComponentTypes.PureClass) {
-          shouldUpdate =
-            !shallowEqual(prevProps, nextProps) ||
+          shouldUpdate = !shallowEqual(prevProps, nextProps) ||
             !shallowEqual(inst.state, nextState);
         }
       }
@@ -908,8 +902,8 @@ var ReactCompositeComponent = {
       warning(
         shouldUpdate !== undefined,
         '%s.shouldComponentUpdate(): Returned undefined instead of a ' +
-        'boolean value. Make sure to return true or false.',
-        this.getName() || 'ReactCompositeComponent'
+          'boolean value. Make sure to return true or false.',
+        this.getName() || 'ReactCompositeComponent',
       );
     }
 
@@ -923,7 +917,7 @@ var ReactCompositeComponent = {
         nextState,
         nextContext,
         transaction,
-        nextUnmaskedContext
+        nextUnmaskedContext,
       );
     } else {
       // If it's determined that a component should not update, we still want
@@ -937,10 +931,9 @@ var ReactCompositeComponent = {
 
     if (callbacks) {
       for (var j = 0; j < callbacks.length; j++) {
-        transaction.getReactMountReady().enqueue(
-          callbacks[j],
-          this.getPublicInstance()
-        );
+        transaction
+          .getReactMountReady()
+          .enqueue(callbacks[j], this.getPublicInstance());
       }
     }
   },
@@ -964,9 +957,9 @@ var ReactCompositeComponent = {
     var dontMutate = true;
     for (var i = replace ? 1 : 0; i < queue.length; i++) {
       var partial = queue[i];
-      let partialState = typeof partial === 'function' ?
-        partial.call(inst, nextState, props, context) :
-        partial;
+      let partialState = typeof partial === 'function'
+        ? partial.call(inst, nextState, props, context)
+        : partial;
       if (partialState) {
         if (dontMutate) {
           dontMutate = false;
@@ -998,7 +991,7 @@ var ReactCompositeComponent = {
     nextState,
     nextContext,
     transaction,
-    unmaskedContext
+    unmaskedContext,
   ) {
     var inst = this._instance;
 
@@ -1017,7 +1010,7 @@ var ReactCompositeComponent = {
         measureLifeCyclePerf(
           () => inst.componentWillUpdate(nextProps, nextState, nextContext),
           this._debugID,
-          'componentWillUpdate'
+          'componentWillUpdate',
         );
       } else {
         inst.componentWillUpdate(nextProps, nextState, nextContext);
@@ -1031,7 +1024,10 @@ var ReactCompositeComponent = {
     inst.context = nextContext;
 
     if (inst.unstable_handleError) {
-      this._updateRenderedComponentWithErrorHandling(transaction, unmaskedContext);
+      this._updateRenderedComponentWithErrorHandling(
+        transaction,
+        unmaskedContext,
+      );
     } else {
       this._updateRenderedComponent(transaction, unmaskedContext);
     }
@@ -1040,16 +1036,28 @@ var ReactCompositeComponent = {
       if (__DEV__) {
         transaction.getReactMountReady().enqueue(() => {
           measureLifeCyclePerf(
-            inst.componentDidUpdate.bind(inst, prevProps, prevState, prevContext),
+            inst.componentDidUpdate.bind(
+              inst,
+              prevProps,
+              prevState,
+              prevContext,
+            ),
             this._debugID,
-            'componentDidUpdate'
+            'componentDidUpdate',
           );
         });
       } else {
-        transaction.getReactMountReady().enqueue(
-          inst.componentDidUpdate.bind(inst, prevProps, prevState, prevContext),
-          inst
-        );
+        transaction
+          .getReactMountReady()
+          .enqueue(
+            inst.componentDidUpdate.bind(
+              inst,
+              prevProps,
+              prevState,
+              prevContext,
+            ),
+            inst,
+          );
       }
     }
   },
@@ -1070,7 +1078,10 @@ var ReactCompositeComponent = {
       transaction.rollback(checkpoint);
       this._instance.unstable_handleError(e);
       if (this._pendingStateQueue) {
-        this._instance.state = this._processPendingState(this._instance.props, this._instance.context);
+        this._instance.state = this._processPendingState(
+          this._instance.props,
+          this._instance.context,
+        );
       }
       checkpoint = transaction.checkpoint();
 
@@ -1079,7 +1090,7 @@ var ReactCompositeComponent = {
         transaction,
         context,
         null,
-        true /* safely */
+        true /* safely */,
       );
 
       // Try again - we've informed the component about the error, so they can render an error message this time.
@@ -1100,7 +1111,7 @@ var ReactCompositeComponent = {
       transaction,
       context,
       nextRenderedElement,
-      false /* safely */
+      false /* safely */,
     );
   },
 
@@ -1114,7 +1125,7 @@ var ReactCompositeComponent = {
     transaction,
     context,
     nextRenderedElement,
-    safely
+    safely,
   ) {
     var prevComponentInstance = this._renderedComponent;
     var prevRenderedElement = prevComponentInstance._currentElement;
@@ -1129,7 +1140,7 @@ var ReactCompositeComponent = {
         prevComponentInstance,
         nextRenderedElement,
         transaction,
-        this._processChildContext(context)
+        this._processChildContext(context),
       );
     } else {
       var oldHostNode = ReactReconciler.getHostNode(prevComponentInstance);
@@ -1138,7 +1149,7 @@ var ReactCompositeComponent = {
         ReactReconciler.unmountComponent(
           prevComponentInstance,
           safely,
-          false /* skipLifecycle */
+          false /* skipLifecycle */,
         );
       }
 
@@ -1146,7 +1157,7 @@ var ReactCompositeComponent = {
       this._renderedNodeType = nodeType;
       var child = this._instantiateReactComponent(
         nextRenderedElement,
-        nodeType !== ReactNodeTypes.EMPTY /* shouldHaveDebugID */
+        nodeType !== ReactNodeTypes.EMPTY /* shouldHaveDebugID */,
       );
       this._renderedComponent = child;
 
@@ -1156,14 +1167,14 @@ var ReactCompositeComponent = {
         this._hostParent,
         this._hostContainerInfo,
         this._processChildContext(context),
-        debugID
+        debugID,
       );
 
       if (ReactFeatureFlags.prepareNewChildrenBeforeUnmountInStack) {
         ReactReconciler.unmountComponent(
           prevComponentInstance,
           safely,
-          false /* skipLifecycle */
+          false /* skipLifecycle */,
         );
       }
 
@@ -1177,7 +1188,7 @@ var ReactCompositeComponent = {
       this._replaceNodeWithMarkup(
         oldHostNode,
         nextMarkup,
-        prevComponentInstance
+        prevComponentInstance,
       );
     }
   },
@@ -1191,7 +1202,7 @@ var ReactCompositeComponent = {
     ReactComponentEnvironment.replaceNodeWithMarkup(
       oldHostNode,
       nextMarkup,
-      prevInstance
+      prevInstance,
     );
   },
 
@@ -1206,7 +1217,7 @@ var ReactCompositeComponent = {
       renderedElement = measureLifeCyclePerf(
         () => inst.render(),
         this._debugID,
-        'render'
+        'render',
       );
     } else {
       renderedElement = inst.render();
@@ -1214,8 +1225,7 @@ var ReactCompositeComponent = {
 
     if (__DEV__) {
       // We allow auto-mocks to proceed as if they're returning null.
-      if (renderedElement === undefined &&
-          inst.render._isMockFunction) {
+      if (renderedElement === undefined && inst.render._isMockFunction) {
         // This is probably bad practice. Consider warning here and
         // deprecating this convenience.
         renderedElement = null;
@@ -1230,25 +1240,27 @@ var ReactCompositeComponent = {
    */
   _renderValidatedComponent: function() {
     var renderedElement;
-    if (__DEV__ || this._compositeType !== ReactCompositeComponentTypes.StatelessFunctional) {
+    if (
+      __DEV__ ||
+      this._compositeType !== ReactCompositeComponentTypes.StatelessFunctional
+    ) {
       ReactCurrentOwner.current = this;
       try {
-        renderedElement =
-          this._renderValidatedComponentWithoutOwnerOrContext();
+        renderedElement = this._renderValidatedComponentWithoutOwnerOrContext();
       } finally {
         ReactCurrentOwner.current = null;
       }
     } else {
-      renderedElement =
-        this._renderValidatedComponentWithoutOwnerOrContext();
+      renderedElement = this._renderValidatedComponentWithoutOwnerOrContext();
     }
     invariant(
       // TODO: An `isValidNode` function would probably be more appropriate
-      renderedElement === null || renderedElement === false ||
-      React.isValidElement(renderedElement),
+      renderedElement === null ||
+        renderedElement === false ||
+        React.isValidElement(renderedElement),
       '%s.render(): A valid React element (or null) must be returned. You may have ' +
         'returned undefined, an array or some other invalid object.',
-      this.getName() || 'ReactCompositeComponent'
+      this.getName() || 'ReactCompositeComponent',
     );
 
     return renderedElement;
@@ -1291,11 +1303,11 @@ var ReactCompositeComponent = {
   getName: function() {
     var type = this._currentElement.type;
     var constructor = this._instance && this._instance.constructor;
-    return (
-      type.displayName || (constructor && constructor.displayName) ||
-      type.name || (constructor && constructor.name) ||
-      null
-    );
+    return type.displayName ||
+      (constructor && constructor.displayName) ||
+      type.name ||
+      (constructor && constructor.name) ||
+      null;
   },
 
   /**
@@ -1308,7 +1320,9 @@ var ReactCompositeComponent = {
    */
   getPublicInstance: function() {
     var inst = this._instance;
-    if (this._compositeType === ReactCompositeComponentTypes.StatelessFunctional) {
+    if (
+      this._compositeType === ReactCompositeComponentTypes.StatelessFunctional
+    ) {
       return null;
     }
     return inst;
@@ -1316,7 +1330,6 @@ var ReactCompositeComponent = {
 
   // Stub
   _instantiateReactComponent: null,
-
 };
 
 module.exports = ReactCompositeComponent;
diff --git a/src/renderers/shared/stack/reconciler/ReactDefaultBatchingStrategy.js b/src/renderers/shared/stack/reconciler/ReactDefaultBatchingStrategy.js
index 9f131fe323..f787eff300 100644
--- a/src/renderers/shared/stack/reconciler/ReactDefaultBatchingStrategy.js
+++ b/src/renderers/shared/stack/reconciler/ReactDefaultBatchingStrategy.js
@@ -34,15 +34,11 @@ function ReactDefaultBatchingStrategyTransaction() {
   this.reinitializeTransaction();
 }
 
-Object.assign(
-  ReactDefaultBatchingStrategyTransaction.prototype,
-  Transaction,
-  {
-    getTransactionWrappers: function() {
-      return TRANSACTION_WRAPPERS;
-    },
-  }
-);
+Object.assign(ReactDefaultBatchingStrategyTransaction.prototype, Transaction, {
+  getTransactionWrappers: function() {
+    return TRANSACTION_WRAPPERS;
+  },
+});
 
 var transaction = new ReactDefaultBatchingStrategyTransaction();
 
diff --git a/src/renderers/shared/stack/reconciler/ReactHostComponent.js b/src/renderers/shared/stack/reconciler/ReactHostComponent.js
index 75db824f6b..5391ec289f 100644
--- a/src/renderers/shared/stack/reconciler/ReactHostComponent.js
+++ b/src/renderers/shared/stack/reconciler/ReactHostComponent.js
@@ -39,7 +39,7 @@ function createInternalComponent(element) {
   invariant(
     genericComponentClass,
     'There is no registered component for the tag %s',
-    element.type
+    element.type,
   );
   return new genericComponentClass(element);
 }
diff --git a/src/renderers/shared/stack/reconciler/ReactMultiChild.js b/src/renderers/shared/stack/reconciler/ReactMultiChild.js
index 296ece9ab2..19fd366a38 100644
--- a/src/renderers/shared/stack/reconciler/ReactMultiChild.js
+++ b/src/renderers/shared/stack/reconciler/ReactMultiChild.js
@@ -133,10 +133,7 @@ function enqueue(queue, update) {
  * @private
  */
 function processQueue(inst, updateQueue) {
-  ReactComponentEnvironment.processChildrenUpdates(
-    inst,
-    updateQueue,
-  );
+  ReactComponentEnvironment.processChildrenUpdates(inst, updateQueue);
 }
 
 var setChildrenForInstrumentation = emptyFunction;
@@ -158,7 +155,9 @@ if (__DEV__) {
     if (debugID !== 0) {
       ReactInstrumentation.debugTool.onSetChildren(
         debugID,
-        children ? Object.keys(children).map(key => children[key]._debugID) : []
+        children
+          ? Object.keys(children).map(key => children[key]._debugID)
+          : [],
       );
     }
   };
@@ -170,14 +169,21 @@ if (__DEV__) {
  * unmount child components.
  */
 var ReactMultiChild = {
-  _reconcilerInstantiateChildren: function(nestedChildren, transaction, context) {
+  _reconcilerInstantiateChildren: function(
+    nestedChildren,
+    transaction,
+    context,
+  ) {
     if (__DEV__) {
       var selfDebugID = getDebugID(this);
       if (this._currentElement) {
         try {
           ReactCurrentOwner.current = this._currentElement._owner;
           return ReactChildReconciler.instantiateChildren(
-            nestedChildren, transaction, context, selfDebugID
+            nestedChildren,
+            transaction,
+            context,
+            selfDebugID,
           );
         } finally {
           ReactCurrentOwner.current = null;
@@ -185,7 +191,9 @@ var ReactMultiChild = {
       }
     }
     return ReactChildReconciler.instantiateChildren(
-      nestedChildren, transaction, context
+      nestedChildren,
+      transaction,
+      context,
     );
   },
 
@@ -195,7 +203,7 @@ var ReactMultiChild = {
     mountImages,
     removedNodes,
     transaction,
-    context
+    context,
   ) {
     var nextChildren;
     var selfDebugID = 0;
@@ -204,7 +212,10 @@ var ReactMultiChild = {
       if (this._currentElement) {
         try {
           ReactCurrentOwner.current = this._currentElement._owner;
-          nextChildren = flattenChildren(nextNestedChildrenElements, selfDebugID);
+          nextChildren = flattenChildren(
+            nextNestedChildrenElements,
+            selfDebugID,
+          );
         } finally {
           ReactCurrentOwner.current = null;
         }
@@ -217,7 +228,7 @@ var ReactMultiChild = {
           this,
           this._hostContainerInfo,
           context,
-          selfDebugID
+          selfDebugID,
         );
         return nextChildren;
       }
@@ -232,7 +243,7 @@ var ReactMultiChild = {
       this,
       this._hostContainerInfo,
       context,
-      selfDebugID
+      selfDebugID,
     );
     return nextChildren;
   },
@@ -247,7 +258,9 @@ var ReactMultiChild = {
    */
   mountChildren: function(nestedChildren, transaction, context) {
     var children = this._reconcilerInstantiateChildren(
-      nestedChildren, transaction, context
+      nestedChildren,
+      transaction,
+      context,
     );
     this._renderedChildren = children;
 
@@ -266,7 +279,7 @@ var ReactMultiChild = {
           this,
           this._hostContainerInfo,
           context,
-          selfDebugID
+          selfDebugID,
         );
         child._mountIndex = index++;
         mountImages.push(mountImage);
@@ -291,8 +304,8 @@ var ReactMultiChild = {
     // Remove any rendered children.
     ReactChildReconciler.unmountChildren(
       prevChildren,
-      false, /* safely */
-      false /* skipLifecycle */
+      false /* safely */,
+      false /* skipLifecycle */,
     );
     for (var name in prevChildren) {
       if (prevChildren.hasOwnProperty(name)) {
@@ -315,8 +328,8 @@ var ReactMultiChild = {
     // Remove any rendered children.
     ReactChildReconciler.unmountChildren(
       prevChildren,
-      false, /* safely */
-      false /* skipLifecycle */
+      false /* safely */,
+      false /* skipLifecycle */,
     );
     for (var name in prevChildren) {
       if (prevChildren.hasOwnProperty(name)) {
@@ -355,7 +368,7 @@ var ReactMultiChild = {
       mountImages,
       removedNodes,
       transaction,
-      context
+      context,
     );
     if (!nextChildren && !prevChildren) {
       return;
@@ -378,7 +391,7 @@ var ReactMultiChild = {
       if (prevChild === nextChild) {
         updates = enqueue(
           updates,
-          this.moveChild(prevChild, lastPlacedNode, nextIndex, lastIndex)
+          this.moveChild(prevChild, lastPlacedNode, nextIndex, lastIndex),
         );
         lastIndex = Math.max(prevChild._mountIndex, lastIndex);
         prevChild._mountIndex = nextIndex;
@@ -397,8 +410,8 @@ var ReactMultiChild = {
             lastPlacedNode,
             nextIndex,
             transaction,
-            context
-          )
+            context,
+          ),
         );
         nextMountIndex++;
       }
@@ -410,7 +423,7 @@ var ReactMultiChild = {
       if (removedNodes.hasOwnProperty(name)) {
         updates = enqueue(
           updates,
-          this._unmountChild(prevChildren[name], removedNodes[name])
+          this._unmountChild(prevChildren[name], removedNodes[name]),
         );
       }
     }
@@ -436,7 +449,7 @@ var ReactMultiChild = {
     ReactChildReconciler.unmountChildren(
       renderedChildren,
       safely,
-      skipLifecycle
+      skipLifecycle,
     );
     this._renderedChildren = null;
   },
@@ -496,7 +509,8 @@ var ReactMultiChild = {
     afterNode,
     index,
     transaction,
-    context) {
+    context,
+  ) {
     child._mountIndex = index;
     return this.createChild(child, afterNode, mountImage);
   },
diff --git a/src/renderers/shared/stack/reconciler/ReactMultiChildUpdateTypes.js b/src/renderers/shared/stack/reconciler/ReactMultiChildUpdateTypes.js
index acccdc4972..1319db50fa 100644
--- a/src/renderers/shared/stack/reconciler/ReactMultiChildUpdateTypes.js
+++ b/src/renderers/shared/stack/reconciler/ReactMultiChildUpdateTypes.js
@@ -18,8 +18,8 @@
  * Enumerates all the possible types of update configurations.
  */
 export type ReactMultiChildUpdateTypes =
-  'INSERT_MARKUP' |
-  'MOVE_EXISTING' |
-  'REMOVE_NODE' |
-  'SET_MARKUP' |
-  'TEXT_CONTENT';
+  | 'INSERT_MARKUP'
+  | 'MOVE_EXISTING'
+  | 'REMOVE_NODE'
+  | 'SET_MARKUP'
+  | 'TEXT_CONTENT';
diff --git a/src/renderers/shared/stack/reconciler/ReactOwner.js b/src/renderers/shared/stack/reconciler/ReactOwner.js
index 21165f8f1b..7d3a4c6032 100644
--- a/src/renderers/shared/stack/reconciler/ReactOwner.js
+++ b/src/renderers/shared/stack/reconciler/ReactOwner.js
@@ -12,13 +12,13 @@
 
 'use strict';
 
-var { ClassComponent } = require('ReactTypeOfWork');
+var {ClassComponent} = require('ReactTypeOfWork');
 
 var emptyObject = require('fbjs/lib/emptyObject');
 var invariant = require('fbjs/lib/invariant');
 
-import type { Fiber } from 'ReactFiber';
-import type { ReactInstance } from 'ReactInstanceType';
+import type {Fiber} from 'ReactFiber';
+import type {ReactInstance} from 'ReactInstanceType';
 
 /**
  * @param {?object} object
@@ -26,11 +26,9 @@ import type { ReactInstance } from 'ReactInstanceType';
  * @final
  */
 function isValidOwner(object: any): boolean {
-  return !!(
-    object &&
+  return !!(object &&
     typeof object.attachRef === 'function' &&
-    typeof object.detachRef === 'function'
-  );
+    typeof object.detachRef === 'function');
 }
 
 /**
@@ -78,19 +76,19 @@ var ReactOwner = {
     ref: string,
     owner: ReactInstance | Fiber,
   ): void {
-    if (owner && (owner : any).tag === ClassComponent) {
-      const inst = (owner : any).stateNode;
+    if (owner && (owner: any).tag === ClassComponent) {
+      const inst = (owner: any).stateNode;
       const refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
       refs[ref] = component.getPublicInstance();
     } else {
       invariant(
         isValidOwner(owner),
         'addComponentAsRefTo(...): Only a ReactOwner can have refs. You might ' +
-        'be adding a ref to a component that was not created inside a component\'s ' +
-        '`render` method, or you have multiple copies of React loaded ' +
-        '(details: https://fb.me/react-refs-must-have-owner).'
+          "be adding a ref to a component that was not created inside a component's " +
+          '`render` method, or you have multiple copies of React loaded ' +
+          '(details: https://fb.me/react-refs-must-have-owner).',
       );
-      (owner : any).attachRef(ref, component);
+      (owner: any).attachRef(ref, component);
     }
   },
 
@@ -108,8 +106,8 @@ var ReactOwner = {
     ref: string,
     owner: ReactInstance | Fiber,
   ): void {
-    if (owner && (owner : any).tag === ClassComponent) {
-      const inst = (owner : any).stateNode;
+    if (owner && (owner: any).tag === ClassComponent) {
+      const inst = (owner: any).stateNode;
       if (inst && inst.refs[ref] === component.getPublicInstance()) {
         delete inst.refs[ref];
       }
@@ -117,19 +115,21 @@ var ReactOwner = {
       invariant(
         isValidOwner(owner),
         'removeComponentAsRefFrom(...): Only a ReactOwner can have refs. You might ' +
-        'be removing a ref to a component that was not created inside a component\'s ' +
-        '`render` method, or you have multiple copies of React loaded ' +
-        '(details: https://fb.me/react-refs-must-have-owner).'
+          "be removing a ref to a component that was not created inside a component's " +
+          '`render` method, or you have multiple copies of React loaded ' +
+          '(details: https://fb.me/react-refs-must-have-owner).',
       );
-      var ownerPublicInstance = (owner : any).getPublicInstance();
+      var ownerPublicInstance = (owner: any).getPublicInstance();
       // Check that `component`'s owner is still alive and that `component` is still the current ref
       // because we do not want to detach the ref if another component stole it.
-      if (ownerPublicInstance && ownerPublicInstance.refs[ref] === component.getPublicInstance()) {
-        (owner : any).detachRef(ref);
+      if (
+        ownerPublicInstance &&
+        ownerPublicInstance.refs[ref] === component.getPublicInstance()
+      ) {
+        (owner: any).detachRef(ref);
       }
     }
   },
-
 };
 
 module.exports = ReactOwner;
diff --git a/src/renderers/shared/stack/reconciler/ReactReconciler.js b/src/renderers/shared/stack/reconciler/ReactReconciler.js
index aafe0fbb7d..221ebd584a 100644
--- a/src/renderers/shared/stack/reconciler/ReactReconciler.js
+++ b/src/renderers/shared/stack/reconciler/ReactReconciler.js
@@ -25,7 +25,6 @@ function attachRefs() {
 }
 
 var ReactReconciler = {
-
   /**
    * Initializes the component, renders markup, and registers event listeners.
    *
@@ -43,14 +42,14 @@ var ReactReconciler = {
     hostParent,
     hostContainerInfo,
     context,
-    parentDebugID // 0 in production and for roots
+    parentDebugID, // 0 in production and for roots
   ) {
     if (__DEV__) {
       if (internalInstance._debugID !== 0) {
         ReactInstrumentation.debugTool.onBeforeMountComponent(
           internalInstance._debugID,
           internalInstance._currentElement,
-          parentDebugID
+          parentDebugID,
         );
       }
     }
@@ -59,16 +58,18 @@ var ReactReconciler = {
       hostParent,
       hostContainerInfo,
       context,
-      parentDebugID
+      parentDebugID,
     );
-    if (internalInstance._currentElement &&
-        internalInstance._currentElement.ref != null) {
+    if (
+      internalInstance._currentElement &&
+      internalInstance._currentElement.ref != null
+    ) {
       transaction.getReactMountReady().enqueue(attachRefs, internalInstance);
     }
     if (__DEV__) {
       if (internalInstance._debugID !== 0) {
         ReactInstrumentation.debugTool.onMountComponent(
-          internalInstance._debugID
+          internalInstance._debugID,
         );
       }
     }
@@ -93,7 +94,7 @@ var ReactReconciler = {
     if (__DEV__) {
       if (internalInstance._debugID !== 0) {
         ReactInstrumentation.debugTool.onBeforeUnmountComponent(
-          internalInstance._debugID
+          internalInstance._debugID,
         );
       }
     }
@@ -102,7 +103,7 @@ var ReactReconciler = {
     if (__DEV__) {
       if (internalInstance._debugID !== 0) {
         ReactInstrumentation.debugTool.onUnmountComponent(
-          internalInstance._debugID
+          internalInstance._debugID,
         );
       }
     }
@@ -118,13 +119,14 @@ var ReactReconciler = {
    * @internal
    */
   receiveComponent: function(
-    internalInstance, nextElement, transaction, context
+    internalInstance,
+    nextElement,
+    transaction,
+    context,
   ) {
     var prevElement = internalInstance._currentElement;
 
-    if (nextElement === prevElement &&
-        context === internalInstance._context
-      ) {
+    if (nextElement === prevElement && context === internalInstance._context) {
       // Since elements are immutable after the owner is rendered,
       // we can do a cheap identity compare here to determine if this is a
       // superfluous reconcile. It's possible for state to be mutable but such
@@ -142,15 +144,12 @@ var ReactReconciler = {
       if (internalInstance._debugID !== 0) {
         ReactInstrumentation.debugTool.onBeforeUpdateComponent(
           internalInstance._debugID,
-          nextElement
+          nextElement,
         );
       }
     }
 
-    var refsChanged = ReactRef.shouldUpdateRefs(
-      prevElement,
-      nextElement
-    );
+    var refsChanged = ReactRef.shouldUpdateRefs(prevElement, nextElement);
 
     if (refsChanged) {
       ReactRef.detachRefs(internalInstance, prevElement);
@@ -158,16 +157,18 @@ var ReactReconciler = {
 
     internalInstance.receiveComponent(nextElement, transaction, context);
 
-    if (refsChanged &&
-        internalInstance._currentElement &&
-        internalInstance._currentElement.ref != null) {
+    if (
+      refsChanged &&
+      internalInstance._currentElement &&
+      internalInstance._currentElement.ref != null
+    ) {
       transaction.getReactMountReady().enqueue(attachRefs, internalInstance);
     }
 
     if (__DEV__) {
       if (internalInstance._debugID !== 0) {
         ReactInstrumentation.debugTool.onUpdateComponent(
-          internalInstance._debugID
+          internalInstance._debugID,
         );
       }
     }
@@ -183,18 +184,18 @@ var ReactReconciler = {
   performUpdateIfNecessary: function(
     internalInstance,
     transaction,
-    updateBatchNumber
+    updateBatchNumber,
   ) {
     if (internalInstance._updateBatchNumber !== updateBatchNumber) {
       // The component's enqueued batch number should always be the current
       // batch or the following one.
       warning(
         internalInstance._updateBatchNumber == null ||
-        internalInstance._updateBatchNumber === updateBatchNumber + 1,
+          internalInstance._updateBatchNumber === updateBatchNumber + 1,
         'performUpdateIfNecessary: Unexpected batch number (current %s, ' +
-        'pending %s)',
+          'pending %s)',
         updateBatchNumber,
-        internalInstance._updateBatchNumber
+        internalInstance._updateBatchNumber,
       );
       return;
     }
@@ -202,7 +203,7 @@ var ReactReconciler = {
       if (internalInstance._debugID !== 0) {
         ReactInstrumentation.debugTool.onBeforeUpdateComponent(
           internalInstance._debugID,
-          internalInstance._currentElement
+          internalInstance._currentElement,
         );
       }
     }
@@ -210,12 +211,11 @@ var ReactReconciler = {
     if (__DEV__) {
       if (internalInstance._debugID !== 0) {
         ReactInstrumentation.debugTool.onUpdateComponent(
-          internalInstance._debugID
+          internalInstance._debugID,
         );
       }
     }
   },
-
 };
 
 module.exports = ReactReconciler;
diff --git a/src/renderers/shared/stack/reconciler/ReactRef.js b/src/renderers/shared/stack/reconciler/ReactRef.js
index 120c6dddbd..cae62c717b 100644
--- a/src/renderers/shared/stack/reconciler/ReactRef.js
+++ b/src/renderers/shared/stack/reconciler/ReactRef.js
@@ -14,8 +14,8 @@
 
 var ReactOwner = require('ReactOwner');
 
-import type { ReactInstance } from 'ReactInstanceType';
-import type { ReactElement } from 'ReactElementType';
+import type {ReactInstance} from 'ReactInstanceType';
+import type {ReactElement} from 'ReactElementType';
 
 var ReactRef = {};
 
@@ -29,7 +29,10 @@ if (__DEV__) {
 
 function attachRef(ref, component, owner) {
   if (__DEV__) {
-    if (component._compositeType === ReactCompositeComponentTypes.StatelessFunctional) {
+    if (
+      component._compositeType ===
+      ReactCompositeComponentTypes.StatelessFunctional
+    ) {
       let info = '';
       let ownerName;
       if (owner) {
@@ -44,16 +47,18 @@ function attachRef(ref, component, owner) {
       let warningKey = ownerName || component._debugID;
       let element = component._currentElement;
       if (element && element._source) {
-        warningKey = element._source.fileName + ':' + element._source.lineNumber;
+        warningKey = element._source.fileName +
+          ':' +
+          element._source.lineNumber;
       }
       if (!warnedAboutStatelessRefs[warningKey]) {
         warnedAboutStatelessRefs[warningKey] = true;
         warning(
           false,
           'Stateless function components cannot be given refs. ' +
-          'Attempts to access this ref will fail.%s%s',
+            'Attempts to access this ref will fail.%s%s',
           info,
-          ReactComponentTreeHook.getStackAddendumByID(component._debugID)
+          ReactComponentTreeHook.getStackAddendumByID(component._debugID),
         );
       }
     }
@@ -63,11 +68,7 @@ function attachRef(ref, component, owner) {
     ref(component.getPublicInstance());
   } else {
     // Legacy ref
-    ReactOwner.addComponentAsRefTo(
-      component,
-      ref,
-      owner,
-    );
+    ReactOwner.addComponentAsRefTo(component, ref, owner);
   }
 }
 
@@ -123,11 +124,9 @@ ReactRef.shouldUpdateRefs = function(
     nextOwner = nextElement._owner;
   }
 
-  return (
-    prevRef !== nextRef ||
+  return prevRef !== nextRef ||
     // If owner changes but we have an unchanged function ref, don't update refs
-    (typeof nextRef === 'string' && nextOwner !== prevOwner)
-  );
+    (typeof nextRef === 'string' && nextOwner !== prevOwner);
 };
 
 ReactRef.detachRefs = function(
diff --git a/src/renderers/shared/stack/reconciler/ReactSimpleEmptyComponent.js b/src/renderers/shared/stack/reconciler/ReactSimpleEmptyComponent.js
index dc3c82077f..f7159ef736 100644
--- a/src/renderers/shared/stack/reconciler/ReactSimpleEmptyComponent.js
+++ b/src/renderers/shared/stack/reconciler/ReactSimpleEmptyComponent.js
@@ -13,7 +13,6 @@
 
 var ReactReconciler = require('ReactReconciler');
 
-
 var ReactSimpleEmptyComponent = function(placeholderElement, instantiate) {
   this._currentElement = null;
   this._renderedComponent = instantiate(placeholderElement);
@@ -24,7 +23,7 @@ Object.assign(ReactSimpleEmptyComponent.prototype, {
     hostParent,
     hostContainerInfo,
     context,
-    parentDebugID // 0 in production and for roots
+    parentDebugID, // 0 in production and for roots
   ) {
     return ReactReconciler.mountComponent(
       this._renderedComponent,
@@ -32,11 +31,10 @@ Object.assign(ReactSimpleEmptyComponent.prototype, {
       hostParent,
       hostContainerInfo,
       context,
-      parentDebugID
+      parentDebugID,
     );
   },
-  receiveComponent: function() {
-  },
+  receiveComponent: function() {},
   getHostNode: function() {
     return ReactReconciler.getHostNode(this._renderedComponent);
   },
@@ -44,7 +42,7 @@ Object.assign(ReactSimpleEmptyComponent.prototype, {
     ReactReconciler.unmountComponent(
       this._renderedComponent,
       safely,
-      skipLifecycle
+      skipLifecycle,
     );
     this._renderedComponent = null;
   },
diff --git a/src/renderers/shared/stack/reconciler/ReactUpdateQueue.js b/src/renderers/shared/stack/reconciler/ReactUpdateQueue.js
index 8e77b3346e..20cbb87fbb 100644
--- a/src/renderers/shared/stack/reconciler/ReactUpdateQueue.js
+++ b/src/renderers/shared/stack/reconciler/ReactUpdateQueue.js
@@ -18,13 +18,13 @@ var ReactUpdates = require('ReactUpdates');
 
 if (__DEV__) {
   var warning = require('fbjs/lib/warning');
-  var warnOnInvalidCallback = function(callback : mixed, callerName : string) {
+  var warnOnInvalidCallback = function(callback: mixed, callerName: string) {
     warning(
       callback === null || typeof callback === 'function',
       '%s(...): Expected the last optional `callback` argument to be a ' +
-      'function. Instead received: %s.',
+        'function. Instead received: %s.',
       callerName,
-      '' + callback
+      '' + callback,
     );
   };
 }
@@ -41,10 +41,10 @@ function getInternalInstanceReadyForUpdate(publicInstance, callerName) {
       warning(
         false,
         'Can only update a mounted or mounting component. This usually means ' +
-        'you called setState, replaceState, or forceUpdate on an unmounted ' +
-        'component. This is a no-op.\n\nPlease check the code for the ' +
-        '%s component.',
-        ctor && (ctor.displayName || ctor.name) || 'ReactClass'
+          'you called setState, replaceState, or forceUpdate on an unmounted ' +
+          'component. This is a no-op.\n\nPlease check the code for the ' +
+          '%s component.',
+        (ctor && (ctor.displayName || ctor.name)) || 'ReactClass',
       );
     }
     return null;
@@ -54,9 +54,9 @@ function getInternalInstanceReadyForUpdate(publicInstance, callerName) {
     warning(
       ReactCurrentOwner.current == null,
       'Cannot update during an existing state transition (such as within ' +
-      '`render` or another component\'s constructor). Render methods should ' +
-      'be a pure function of props and state; constructor side-effects are ' +
-      'an anti-pattern, but can be moved to `componentWillMount`.',
+        "`render` or another component's constructor). Render methods should " +
+        'be a pure function of props and state; constructor side-effects are ' +
+        'an anti-pattern, but can be moved to `componentWillMount`.',
     );
   }
 
@@ -68,7 +68,6 @@ function getInternalInstanceReadyForUpdate(publicInstance, callerName) {
  * reconciliation step.
  */
 var ReactUpdateQueue = {
-
   /**
    * Checks whether or not this composite component is mounted.
    * @param {ReactClass} publicInstance The instance we want to test.
@@ -83,11 +82,11 @@ var ReactUpdateQueue = {
         warning(
           owner._warnedAboutRefsInRender,
           '%s is accessing isMounted inside its render() function. ' +
-          'render() should be a pure function of props and state. It should ' +
-          'never access something that requires stale data from the previous ' +
-          'render, such as refs. Move this logic to componentDidMount and ' +
-          'componentDidUpdate instead.',
-          owner.getName() || 'A component'
+            'render() should be a pure function of props and state. It should ' +
+            'never access something that requires stale data from the previous ' +
+            'render, such as refs. Move this logic to componentDidMount and ' +
+            'componentDidUpdate instead.',
+          owner.getName() || 'A component',
         );
         owner._warnedAboutRefsInRender = true;
       }
@@ -164,7 +163,12 @@ var ReactUpdateQueue = {
    * @param {?string} Name of the calling function in the public API.
    * @internal
    */
-  enqueueReplaceState: function(publicInstance, completeState, callback, callerName) {
+  enqueueReplaceState: function(
+    publicInstance,
+    completeState,
+    callback,
+    callerName,
+  ) {
     var internalInstance = getInternalInstanceReadyForUpdate(publicInstance);
 
     if (!internalInstance) {
@@ -201,13 +205,18 @@ var ReactUpdateQueue = {
    * @param {?string} Name of the calling function in the public API.
    * @internal
    */
-  enqueueSetState: function(publicInstance, partialState, callback, callerName) {
+  enqueueSetState: function(
+    publicInstance,
+    partialState,
+    callback,
+    callerName,
+  ) {
     if (__DEV__) {
       ReactInstrumentation.debugTool.onSetState();
       warning(
         partialState != null,
         'setState(...): You passed an undefined or null state object; ' +
-        'instead, use forceUpdate().'
+          'instead, use forceUpdate().',
       );
     }
 
@@ -217,8 +226,7 @@ var ReactUpdateQueue = {
       return;
     }
 
-    var queue =
-      internalInstance._pendingStateQueue ||
+    var queue = internalInstance._pendingStateQueue ||
       (internalInstance._pendingStateQueue = []);
     queue.push(partialState);
 
@@ -243,7 +251,6 @@ var ReactUpdateQueue = {
     internalInstance._context = nextContext;
     enqueueUpdate(internalInstance);
   },
-
 };
 
 module.exports = ReactUpdateQueue;
diff --git a/src/renderers/shared/stack/reconciler/ReactUpdates.js b/src/renderers/shared/stack/reconciler/ReactUpdates.js
index acf78af5f4..239b0637e1 100644
--- a/src/renderers/shared/stack/reconciler/ReactUpdates.js
+++ b/src/renderers/shared/stack/reconciler/ReactUpdates.js
@@ -27,7 +27,7 @@ function ensureInjected() {
   invariant(
     ReactUpdates.ReactReconcileTransaction && batchingStrategy,
     'ReactUpdates: must inject a reconcile transaction class and batching ' +
-    'strategy'
+      'strategy',
   );
 }
 
@@ -56,38 +56,34 @@ function ReactUpdatesFlushTransaction() {
   this.reinitializeTransaction();
   this.dirtyComponentsLength = null;
   this.reconcileTransaction = ReactUpdates.ReactReconcileTransaction.getPooled(
-    /* useCreateElement */ true
+    /* useCreateElement */ true,
   );
 }
 
-Object.assign(
-  ReactUpdatesFlushTransaction.prototype,
-  Transaction,
-  {
-    getTransactionWrappers: function() {
-      return TRANSACTION_WRAPPERS;
-    },
+Object.assign(ReactUpdatesFlushTransaction.prototype, Transaction, {
+  getTransactionWrappers: function() {
+    return TRANSACTION_WRAPPERS;
+  },
 
-    destructor: function() {
-      this.dirtyComponentsLength = null;
-      ReactUpdates.ReactReconcileTransaction.release(this.reconcileTransaction);
-      this.reconcileTransaction = null;
-    },
+  destructor: function() {
+    this.dirtyComponentsLength = null;
+    ReactUpdates.ReactReconcileTransaction.release(this.reconcileTransaction);
+    this.reconcileTransaction = null;
+  },
 
-    perform: function(method, scope, a) {
-      // Essentially calls `this.reconcileTransaction.perform(method, scope, a)`
-      // with this transaction's wrappers around it.
-      return Transaction.perform.call(
-        this,
-        this.reconcileTransaction.perform,
-        this.reconcileTransaction,
-        method,
-        scope,
-        a
-      );
-    },
-  }
-);
+  perform: function(method, scope, a) {
+    // Essentially calls `this.reconcileTransaction.perform(method, scope, a)`
+    // with this transaction's wrappers around it.
+    return Transaction.perform.call(
+      this,
+      this.reconcileTransaction.perform,
+      this.reconcileTransaction,
+      method,
+      scope,
+      a,
+    );
+  },
+});
 
 PooledClass.addPoolingTo(ReactUpdatesFlushTransaction);
 
@@ -111,10 +107,10 @@ function runBatchedUpdates(transaction) {
   var len = transaction.dirtyComponentsLength;
   invariant(
     len === dirtyComponents.length,
-    'Expected flush transaction\'s stored dirty-components length (%s) to ' +
-    'match dirty-components array length (%s).',
+    "Expected flush transaction's stored dirty-components length (%s) to " +
+      'match dirty-components array length (%s).',
     len,
-    dirtyComponents.length
+    dirtyComponents.length,
   );
 
   // Since reconciling a component higher in the owner hierarchy usually (not
@@ -149,7 +145,7 @@ function runBatchedUpdates(transaction) {
     ReactReconciler.performUpdateIfNecessary(
       component,
       transaction.reconcileTransaction,
-      updateBatchNumber
+      updateBatchNumber,
     );
 
     if (markerName) {
@@ -198,7 +194,7 @@ var ReactUpdatesInjection = {
   injectReconcileTransaction: function(ReconcileTransaction) {
     invariant(
       ReconcileTransaction,
-      'ReactUpdates: must provide a reconcile transaction class'
+      'ReactUpdates: must provide a reconcile transaction class',
     );
     ReactUpdates.ReactReconcileTransaction = ReconcileTransaction;
   },
@@ -206,15 +202,15 @@ var ReactUpdatesInjection = {
   injectBatchingStrategy: function(_batchingStrategy) {
     invariant(
       _batchingStrategy,
-      'ReactUpdates: must provide a batching strategy'
+      'ReactUpdates: must provide a batching strategy',
     );
     invariant(
       typeof _batchingStrategy.batchedUpdates === 'function',
-      'ReactUpdates: must provide a batchedUpdates() function'
+      'ReactUpdates: must provide a batchedUpdates() function',
     );
     invariant(
       typeof _batchingStrategy.isBatchingUpdates === 'boolean',
-      'ReactUpdates: must provide an isBatchingUpdates boolean attribute'
+      'ReactUpdates: must provide an isBatchingUpdates boolean attribute',
     );
     batchingStrategy = _batchingStrategy;
   },
diff --git a/src/renderers/shared/stack/reconciler/Transaction.js b/src/renderers/shared/stack/reconciler/Transaction.js
index 36d9634b3c..a1388f4e90 100644
--- a/src/renderers/shared/stack/reconciler/Transaction.js
+++ b/src/renderers/shared/stack/reconciler/Transaction.js
@@ -124,17 +124,18 @@ var TransactionImpl = {
    *
    * @return {*} Return value from `method`.
    */
-  perform: function<
-    A, B, C, D, E, F, G,
-    T: (a: A, b: B, c: C, d: D, e: E, f: F) => G // eslint-disable-line space-before-function-paren
-  >(
-    method: T, scope: any,
-    a: A, b: B, c: C, d: D, e: E, f: F,
-  ): G {
+  perform: function<A, B, C, D, E, F, G, T: (
+    a: A,
+    b: B,
+    c: C,
+    d: D,
+    e: E,
+    f: F,
+  ) => G>(method: T, scope: any, a: A, b: B, c: C, d: D, e: E, f: F): G { // eslint-disable-line space-before-function-paren
     invariant(
       !this.isInTransaction(),
       'Transaction.perform(...): Cannot initialize a transaction when there ' +
-      'is already an outstanding transaction.'
+        'is already an outstanding transaction.',
     );
     var errorThrown;
     var ret;
@@ -155,8 +156,7 @@ var TransactionImpl = {
           // by invoking `closeAll`.
           try {
             this.closeAll(0);
-          } catch (err) {
-          }
+          } catch (err) {}
         } else {
           // Since `method` didn't throw, we don't want to silence the exception
           // here.
@@ -179,9 +179,9 @@ var TransactionImpl = {
         // of initialize -- if it's still set to OBSERVED_ERROR in the finally
         // block, it means wrapper.initialize threw.
         this.wrapperInitData[i] = OBSERVED_ERROR;
-        this.wrapperInitData[i] = wrapper.initialize ?
-          wrapper.initialize.call(this) :
-          null;
+        this.wrapperInitData[i] = wrapper.initialize
+          ? wrapper.initialize.call(this)
+          : null;
       } finally {
         if (this.wrapperInitData[i] === OBSERVED_ERROR) {
           // The initializer for wrapper i threw an error; initialize the
@@ -189,8 +189,7 @@ var TransactionImpl = {
           // that the first error is the one to bubble up.
           try {
             this.initializeAll(i + 1);
-          } catch (err) {
-          }
+          } catch (err) {}
         }
       }
     }
@@ -205,7 +204,7 @@ var TransactionImpl = {
   closeAll: function(startIndex: number): void {
     invariant(
       this.isInTransaction(),
-      'Transaction.closeAll(): Cannot close transaction when none are open.'
+      'Transaction.closeAll(): Cannot close transaction when none are open.',
     );
     var transactionWrappers = this.transactionWrappers;
     for (var i = startIndex; i < transactionWrappers.length; i++) {
@@ -229,8 +228,7 @@ var TransactionImpl = {
           // first error is the one to bubble up.
           try {
             this.closeAll(i + 1);
-          } catch (e) {
-          }
+          } catch (e) {}
         }
       }
     }
diff --git a/src/renderers/shared/stack/reconciler/__tests__/Transaction-test.js b/src/renderers/shared/stack/reconciler/__tests__/Transaction-test.js
index 504ea7aafd..00d0c2d29b 100644
--- a/src/renderers/shared/stack/reconciler/__tests__/Transaction-test.js
+++ b/src/renderers/shared/stack/reconciler/__tests__/Transaction-test.js
@@ -11,10 +11,9 @@
 
 'use strict';
 
-
 var Transaction;
 
-var INIT_ERRORED = 'initErrored';     // Just a dummy value to check for.
+var INIT_ERRORED = 'initErrored'; // Just a dummy value to check for.
 describe('Transaction', () => {
   beforeEach(() => {
     jest.resetModules();
@@ -41,9 +40,9 @@ describe('Transaction', () => {
      */
     var TestTransaction = function() {
       this.reinitializeTransaction();
-      this.firstCloseParam = INIT_ERRORED;   // WON'T be set to something else
-      this.secondCloseParam = INIT_ERRORED;  // WILL be set to something else
-      this.lastCloseParam = INIT_ERRORED;    // WON'T be set to something else
+      this.firstCloseParam = INIT_ERRORED; // WON'T be set to something else
+      this.secondCloseParam = INIT_ERRORED; // WILL be set to something else
+      this.lastCloseParam = INIT_ERRORED; // WON'T be set to something else
     };
     Object.assign(TestTransaction.prototype, Transaction);
     TestTransaction.prototype.getTransactionWrappers = function() {
@@ -85,16 +84,15 @@ describe('Transaction', () => {
   });
 
   it('should invoke closers and wrapped method when inits success', () => {
-
     var performSideEffect;
     /**
      * New test Transaction subclass.
      */
     var TestTransaction = function() {
       this.reinitializeTransaction();
-      this.firstCloseParam = INIT_ERRORED;   // WILL be set to something else
-      this.secondCloseParam = INIT_ERRORED;  // WILL be set to something else
-      this.lastCloseParam = INIT_ERRORED;    // WILL be set to something else
+      this.firstCloseParam = INIT_ERRORED; // WILL be set to something else
+      this.secondCloseParam = INIT_ERRORED; // WILL be set to something else
+      this.lastCloseParam = INIT_ERRORED; // WILL be set to something else
     };
     Object.assign(TestTransaction.prototype, Transaction);
     TestTransaction.prototype.getTransactionWrappers = function() {
@@ -146,16 +144,15 @@ describe('Transaction', () => {
    * encountered earlier in the operation.
    */
   it('should throw when wrapped operation throws', () => {
-
     var performSideEffect;
     /**
      * New test Transaction subclass.
      */
     var TestTransaction = function() {
       this.reinitializeTransaction();
-      this.firstCloseParam = INIT_ERRORED;   // WILL be set to something else
-      this.secondCloseParam = INIT_ERRORED;  // WILL be set to something else
-      this.lastCloseParam = INIT_ERRORED;    // WILL be set to something else
+      this.firstCloseParam = INIT_ERRORED; // WILL be set to something else
+      this.secondCloseParam = INIT_ERRORED; // WILL be set to something else
+      this.lastCloseParam = INIT_ERRORED; // WILL be set to something else
     };
     Object.assign(TestTransaction.prototype, Transaction);
     // Now, none of the close/inits throw, but the operation we wrap will throw.
@@ -198,17 +195,19 @@ describe('Transaction', () => {
 
     var transaction = new TestTransaction();
 
-    expect(function() {
-      var isTypeError = false;
-      try {
-        transaction.perform(function() {
-          throw new TypeError('Thrown in main wrapped operation');
-        });
-      } catch (err) {
-        isTypeError = (err instanceof TypeError);
-      }
-      return isTypeError;
-    }()).toBe(true);
+    expect(
+      (function() {
+        var isTypeError = false;
+        try {
+          transaction.perform(function() {
+            throw new TypeError('Thrown in main wrapped operation');
+          });
+        } catch (err) {
+          isTypeError = err instanceof TypeError;
+        }
+        return isTypeError;
+      })(),
+    ).toBe(true);
 
     expect(performSideEffect).toBe(undefined);
     expect(transaction.firstCloseParam).toBe('firstResult');
diff --git a/src/renderers/shared/stack/reconciler/instantiateReactComponent.js b/src/renderers/shared/stack/reconciler/instantiateReactComponent.js
index 4fab1a3b20..76b4343d67 100644
--- a/src/renderers/shared/stack/reconciler/instantiateReactComponent.js
+++ b/src/renderers/shared/stack/reconciler/instantiateReactComponent.js
@@ -42,12 +42,10 @@ function getDeclarationErrorAddendum(owner) {
  * @return {boolean} Returns true if this is a valid internal type.
  */
 function isInternalComponentType(type) {
-  return (
-    typeof type === 'function' &&
+  return typeof type === 'function' &&
     typeof type.prototype !== 'undefined' &&
     typeof type.prototype.mountComponent === 'function' &&
-    typeof type.prototype.receiveComponent === 'function'
-  );
+    typeof type.prototype.receiveComponent === 'function';
 }
 
 /**
@@ -66,28 +64,24 @@ function instantiateReactComponent(node, shouldHaveDebugID) {
   } else if (typeof node === 'object') {
     var element = node;
     var type = element.type;
-    if (
-      typeof type !== 'function' &&
-      typeof type !== 'string'
-    ) {
+    if (typeof type !== 'function' && typeof type !== 'string') {
       var info = '';
       if (__DEV__) {
         if (
           type === undefined ||
-          typeof type === 'object' &&
-          type !== null &&
-          Object.keys(type).length === 0
+          (typeof type === 'object' &&
+            type !== null &&
+            Object.keys(type).length === 0)
         ) {
-          info +=
-            ' You likely forgot to export your component from the file ' +
-            'it\'s defined in.';
+          info += ' You likely forgot to export your component from the file ' +
+            "it's defined in.";
         }
       }
       info += getDeclarationErrorAddendum(element._owner);
       invariant(
         false,
         'Element type is invalid: expected a string (for built-in components) ' +
-        'or a class/function (for composite components) but got: %s.%s',
+          'or a class/function (for composite components) but got: %s.%s',
         type == null ? type : typeof type,
         info,
       );
@@ -112,20 +106,16 @@ function instantiateReactComponent(node, shouldHaveDebugID) {
   } else if (typeof node === 'string' || typeof node === 'number') {
     instance = ReactHostComponent.createInstanceForText(node);
   } else {
-    invariant(
-      false,
-      'Encountered invalid React node of type %s',
-      typeof node
-    );
+    invariant(false, 'Encountered invalid React node of type %s', typeof node);
   }
 
   if (__DEV__) {
     warning(
       typeof instance.mountComponent === 'function' &&
-      typeof instance.receiveComponent === 'function' &&
-      typeof instance.getHostNode === 'function' &&
-      typeof instance.unmountComponent === 'function',
-      'Only React Components can be mounted.'
+        typeof instance.receiveComponent === 'function' &&
+        typeof instance.getHostNode === 'function' &&
+        typeof instance.unmountComponent === 'function',
+      'Only React Components can be mounted.',
     );
   }
 
@@ -155,7 +145,7 @@ Object.assign(
   ReactCompositeComponent,
   {
     _instantiateReactComponent: instantiateReactComponent,
-  }
+  },
 );
 
 module.exports = instantiateReactComponent;
diff --git a/src/renderers/shared/utils/ReactErrorUtils.js b/src/renderers/shared/utils/ReactErrorUtils.js
index f53bdddc5a..b3910a0dd8 100644
--- a/src/renderers/shared/utils/ReactErrorUtils.js
+++ b/src/renderers/shared/utils/ReactErrorUtils.js
@@ -1,4 +1,4 @@
-  /**
+/**
  * Copyright 2013-present, Facebook, Inc.
  * All rights reserved.
  *
@@ -88,11 +88,12 @@ if (__DEV__) {
    * To help development we can get better devtools integration by simulating a
    * real browser event.
    */
-  if (typeof window !== 'undefined' &&
-      typeof window.dispatchEvent === 'function' &&
-      typeof document !== 'undefined' &&
-      typeof document.createEvent === 'function') {
-
+  if (
+    typeof window !== 'undefined' &&
+    typeof window.dispatchEvent === 'function' &&
+    typeof document !== 'undefined' &&
+    typeof document.createEvent === 'function'
+  ) {
     const fakeNode = document.createElement('react');
     let depth = 0;
 
@@ -105,7 +106,7 @@ if (__DEV__) {
       c,
       d,
       e,
-      f
+      f,
     ) {
       depth++;
       const thisDepth = depth;
diff --git a/src/renderers/shared/utils/__tests__/ReactErrorUtils-test.js b/src/renderers/shared/utils/__tests__/ReactErrorUtils-test.js
index c540a2bb1e..ceb8c98be5 100644
--- a/src/renderers/shared/utils/__tests__/ReactErrorUtils-test.js
+++ b/src/renderers/shared/utils/__tests__/ReactErrorUtils-test.js
@@ -14,13 +14,15 @@
 var ReactErrorUtils;
 
 describe('ReactErrorUtils', () => {
-
   beforeEach(() => {
     ReactErrorUtils = require('ReactErrorUtils');
   });
 
   // Run tests in both DEV and production
-  describe('invokeGuardedCallback (development)', invokeGuardedCallbackTests.bind(null, 'development'));
+  describe(
+    'invokeGuardedCallback (development)',
+    invokeGuardedCallbackTests.bind(null, 'development'),
+  );
   describe('invokeGuardedCallback (production)', () => {
     let oldProcess;
     beforeEach(() => {
@@ -47,35 +49,59 @@ describe('ReactErrorUtils', () => {
       var callback = function() {
         throw err;
       };
-      ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError('foo', callback, null);
+      ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+        'foo',
+        callback,
+        null,
+      );
       expect(() => ReactErrorUtils.rethrowCaughtError()).toThrow(err);
     });
 
     it(`should call the callback the passed arguments (${environment})`, () => {
       var callback = jest.fn();
-      ReactErrorUtils.invokeGuardedCallback('foo', callback, null, 'arg1', 'arg2');
+      ReactErrorUtils.invokeGuardedCallback(
+        'foo',
+        callback,
+        null,
+        'arg1',
+        'arg2',
+      );
       expect(callback).toBeCalledWith('arg1', 'arg2');
     });
 
     it(`should call the callback with the provided context (${environment})`, () => {
-      var context = { didCall: false };
-      ReactErrorUtils.invokeGuardedCallback('foo', function() {
-        this.didCall = true;
-      }, context);
+      var context = {didCall: false};
+      ReactErrorUtils.invokeGuardedCallback(
+        'foo',
+        function() {
+          this.didCall = true;
+        },
+        context,
+      );
       expect(context.didCall).toBe(true);
     });
 
     it(`should return a caught error (${environment})`, () => {
       const error = new Error();
-      const returnValue = ReactErrorUtils.invokeGuardedCallback('foo', function() {
-        throw error;
-      }, null, 'arg1', 'arg2');
+      const returnValue = ReactErrorUtils.invokeGuardedCallback(
+        'foo',
+        function() {
+          throw error;
+        },
+        null,
+        'arg1',
+        'arg2',
+      );
       expect(returnValue).toBe(error);
     });
 
     it(`should return null if no error is thrown (${environment})`, () => {
       var callback = jest.fn();
-      const returnValue = ReactErrorUtils.invokeGuardedCallback('foo', callback, null);
+      const returnValue = ReactErrorUtils.invokeGuardedCallback(
+        'foo',
+        callback,
+        null,
+      );
       expect(returnValue).toBe(null);
     });
 
@@ -83,12 +109,20 @@ describe('ReactErrorUtils', () => {
       const err1 = new Error();
       let err2;
       const err3 = new Error();
-      const err4 = ReactErrorUtils.invokeGuardedCallback('foo', function() {
-        err2 = ReactErrorUtils.invokeGuardedCallback('foo', function() {
-          throw err1;
-        }, null);
-        throw err3;
-      }, null);
+      const err4 = ReactErrorUtils.invokeGuardedCallback(
+        'foo',
+        function() {
+          err2 = ReactErrorUtils.invokeGuardedCallback(
+            'foo',
+            function() {
+              throw err1;
+            },
+            null,
+          );
+          throw err3;
+        },
+        null,
+      );
 
       expect(err2).toBe(err1);
       expect(err4).toBe(err3);
@@ -97,11 +131,19 @@ describe('ReactErrorUtils', () => {
     it(`does not return nested errors (${environment})`, () => {
       const err1 = new Error();
       let err2;
-      const err3 = ReactErrorUtils.invokeGuardedCallback('foo', function() {
-        err2 = ReactErrorUtils.invokeGuardedCallback('foo', function() {
-          throw err1;
-        }, null);
-      }, null);
+      const err3 = ReactErrorUtils.invokeGuardedCallback(
+        'foo',
+        function() {
+          err2 = ReactErrorUtils.invokeGuardedCallback(
+            'foo',
+            function() {
+              throw err1;
+            },
+            null,
+          );
+        },
+        null,
+      );
 
       expect(err3).toBe(null); // Returns null because inner error was already captured
       expect(err2).toBe(err1);
@@ -124,7 +166,12 @@ describe('ReactErrorUtils', () => {
       var callback = function() {
         throw err;
       };
-      ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError('foo', callback, null, 'somearg');
+      ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+        'foo',
+        callback,
+        null,
+        'somearg',
+      );
       expect(() => ReactErrorUtils.rethrowCaughtError()).toThrow(err);
       // invokeGuardedCallbackAndCatchFirstError and rethrowCaughtError close
       // over ReactErrorUtils.invokeGuardedCallback so should use the
diff --git a/src/renderers/shared/utils/__tests__/accumulateInto-test.js b/src/renderers/shared/utils/__tests__/accumulateInto-test.js
index d400eb9a02..ab6ebbee59 100644
--- a/src/renderers/shared/utils/__tests__/accumulateInto-test.js
+++ b/src/renderers/shared/utils/__tests__/accumulateInto-test.js
@@ -14,7 +14,6 @@
 var accumulateInto;
 
 describe('accumulateInto', () => {
-
   beforeEach(() => {
     accumulateInto = require('accumulateInto');
   });
@@ -23,7 +22,7 @@ describe('accumulateInto', () => {
     expect(function() {
       accumulateInto([], null);
     }).toThrowError(
-      'accumulateInto(...): Accumulated items must not be null or undefined.'
+      'accumulateInto(...): Accumulated items must not be null or undefined.',
     );
   });
 
diff --git a/src/renderers/shared/utils/__tests__/adler32-test.js b/src/renderers/shared/utils/__tests__/adler32-test.js
index 16be434f65..ab6c7a0287 100644
--- a/src/renderers/shared/utils/__tests__/adler32-test.js
+++ b/src/renderers/shared/utils/__tests__/adler32-test.js
@@ -26,7 +26,7 @@ describe('adler32', () => {
     expect(adler32('a')).not.toBe(adler32('A'));
   });
 
-  it('doesn\'t barf on large inputs', () => {
+  it("doesn't barf on large inputs", () => {
     var str = '';
     for (var i = 0; i < 100000; i++) {
       str += 'This will be repeated to be very large indeed. ';
@@ -34,7 +34,7 @@ describe('adler32', () => {
     expect(adler32(str)).toBe(692898118);
   });
 
-  it('doesn\'t barf on international inputs', () => {
+  it("doesn't barf on international inputs", () => {
     var str = 'Linux 是一個真棒操作系統!';
     expect(adler32(str)).toBe(-1183804097);
   });
diff --git a/src/renderers/shared/utils/accumulate.js b/src/renderers/shared/utils/accumulate.js
index 029b2bad30..ccb205298e 100644
--- a/src/renderers/shared/utils/accumulate.js
+++ b/src/renderers/shared/utils/accumulate.js
@@ -21,10 +21,13 @@ var invariant = require('fbjs/lib/invariant');
  *
  * @return {*|array<*>} An accumulation of items.
  */
-function accumulate<T>(current: ?(T | Array<T>), next: T | Array<T>): T | Array<T> {
+function accumulate<T>(
+  current: ?(T | Array<T>),
+  next: T | Array<T>,
+): T | Array<T> {
   invariant(
     next != null,
-    'accumulate(...): Accumulated items must be not be null or undefined.'
+    'accumulate(...): Accumulated items must be not be null or undefined.',
   );
 
   if (current == null) {
diff --git a/src/renderers/shared/utils/accumulateInto.js b/src/renderers/shared/utils/accumulateInto.js
index 851cf79f14..ae7e498278 100644
--- a/src/renderers/shared/utils/accumulateInto.js
+++ b/src/renderers/shared/utils/accumulateInto.js
@@ -27,10 +27,13 @@ var invariant = require('fbjs/lib/invariant');
  * @return {*|array<*>} An accumulation of items.
  */
 
-function accumulateInto<T>(current: ?(T | Array<T>), next: T | Array<T>): T | Array<T> {
+function accumulateInto<T>(
+  current: ?(T | Array<T>),
+  next: T | Array<T>,
+): T | Array<T> {
   invariant(
     next != null,
-    'accumulateInto(...): Accumulated items must not be null or undefined.'
+    'accumulateInto(...): Accumulated items must not be null or undefined.',
   );
 
   if (current == null) {
diff --git a/src/renderers/shared/utils/adler32.js b/src/renderers/shared/utils/adler32.js
index 45d7c005b6..4899d3b7db 100644
--- a/src/renderers/shared/utils/adler32.js
+++ b/src/renderers/shared/utils/adler32.js
@@ -28,12 +28,10 @@ function adler32(data: string): number {
   while (i < m) {
     var n = Math.min(i + 4096, m);
     for (; i < n; i += 4) {
-      b += (
-        (a += data.charCodeAt(i)) +
+      b += (a += data.charCodeAt(i)) +
         (a += data.charCodeAt(i + 1)) +
         (a += data.charCodeAt(i + 2)) +
-        (a += data.charCodeAt(i + 3))
-      );
+        (a += data.charCodeAt(i + 3));
     }
     a %= MOD;
     b %= MOD;
@@ -43,7 +41,7 @@ function adler32(data: string): number {
   }
   a %= MOD;
   b %= MOD;
-  return a | (b << 16);
+  return a | b << 16;
 }
 
 module.exports = adler32;
diff --git a/src/renderers/shared/utils/forEachAccumulated.js b/src/renderers/shared/utils/forEachAccumulated.js
index 1327b046df..f7dc69f7ae 100644
--- a/src/renderers/shared/utils/forEachAccumulated.js
+++ b/src/renderers/shared/utils/forEachAccumulated.js
@@ -23,7 +23,7 @@
  */
 function forEachAccumulated<T>(
   arr: ?(T | Array<T>),
-  cb: ((elem: T) => void),
+  cb: (elem: T) => void,
   scope: ?any,
 ) {
   if (Array.isArray(arr)) {
diff --git a/src/renderers/shared/utils/isTextInputElement.js b/src/renderers/shared/utils/isTextInputElement.js
index e464daae31..633c19ce33 100644
--- a/src/renderers/shared/utils/isTextInputElement.js
+++ b/src/renderers/shared/utils/isTextInputElement.js
@@ -16,21 +16,21 @@
  * @see http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
  */
 var supportedInputTypes: {[key: string]: true | void} = {
-  'color': true,
-  'date': true,
-  'datetime': true,
+  color: true,
+  date: true,
+  datetime: true,
   'datetime-local': true,
-  'email': true,
-  'month': true,
-  'number': true,
-  'password': true,
-  'range': true,
-  'search': true,
-  'tel': true,
-  'text': true,
-  'time': true,
-  'url': true,
-  'week': true,
+  email: true,
+  month: true,
+  number: true,
+  password: true,
+  range: true,
+  search: true,
+  tel: true,
+  text: true,
+  time: true,
+  url: true,
+  week: true,
 };
 
 function isTextInputElement(elem: ?HTMLElement): boolean {
diff --git a/src/renderers/shared/utils/validateCallback.js b/src/renderers/shared/utils/validateCallback.js
index a7ed87b4c1..cf24bc8fd1 100644
--- a/src/renderers/shared/utils/validateCallback.js
+++ b/src/renderers/shared/utils/validateCallback.js
@@ -18,8 +18,8 @@ function validateCallback(callback: ?Function) {
   invariant(
     !callback || typeof callback === 'function',
     'Invalid argument passed as callback. Expected a function. Instead ' +
-    'received: %s',
-    callback
+      'received: %s',
+    callback,
   );
 }
 
diff --git a/src/renderers/testing/ReactTestRendererFiber.js b/src/renderers/testing/ReactTestRendererFiber.js
index 5eaa94bc49..19c2fee0b2 100644
--- a/src/renderers/testing/ReactTestRendererFiber.js
+++ b/src/renderers/testing/ReactTestRendererFiber.js
@@ -26,36 +26,36 @@ var {
   HostRoot,
 } = ReactTypeOfWork;
 
-import type { TestRendererOptions } from 'ReactTestMount';
-import type { Fiber } from 'ReactFiber';
-import type { FiberRoot } from 'ReactFiberRoot';
+import type {TestRendererOptions} from 'ReactTestMount';
+import type {Fiber} from 'ReactFiber';
+import type {FiberRoot} from 'ReactFiberRoot';
 
 type ReactTestRendererJSON = {|
-  type : string,
-  props : {[propName: string] : any },
-  children : null | Array<ReactTestRendererNode>,
-  $$typeof ?: Symbol, // Optional because we add it with defineProperty().
+  type: string,
+  props: {[propName: string]: any},
+  children: null | Array<ReactTestRendererNode>,
+  $$typeof?: Symbol, // Optional because we add it with defineProperty().
 |};
 type ReactTestRendererNode = ReactTestRendererJSON | string;
 
 type Container = {|
-  children : Array<Instance | TextInstance>,
-  createNodeMock : Function,
-  tag : 'CONTAINER',
+  children: Array<Instance | TextInstance>,
+  createNodeMock: Function,
+  tag: 'CONTAINER',
 |};
 
 type Props = Object;
 type Instance = {|
-  type : string,
-  props : Object,
-  children : Array<Instance | TextInstance>,
-  rootContainerInstance : Container,
-  tag : 'INSTANCE',
+  type: string,
+  props: Object,
+  children: Array<Instance | TextInstance>,
+  rootContainerInstance: Container,
+  tag: 'INSTANCE',
 |};
 
 type TextInstance = {|
-  text : string,
-  tag : 'TEXT',
+  text: string,
+  tag: 'TEXT',
 |};
 
 const UPDATE_SIGNAL = {};
@@ -69,21 +69,21 @@ var TestRenderer = ReactFiberReconciler({
     return emptyObject;
   },
 
-  prepareForCommit() : void {
+  prepareForCommit(): void {
     // noop
   },
 
-  resetAfterCommit() : void {
+  resetAfterCommit(): void {
     // noop
   },
 
   createInstance(
-    type : string,
-    props : Props,
-    rootContainerInstance : Container,
-    hostContext : Object,
-    internalInstanceHandle : Object,
-  ) : Instance {
+    type: string,
+    props: Props,
+    rootContainerInstance: Container,
+    hostContext: Object,
+    internalInstanceHandle: Object,
+  ): Instance {
     return {
       type,
       props,
@@ -93,7 +93,10 @@ var TestRenderer = ReactFiberReconciler({
     };
   },
 
-  appendInitialChild(parentInstance : Instance, child : Instance | TextInstance) : void {
+  appendInitialChild(
+    parentInstance: Instance,
+    child: Instance | TextInstance,
+  ): void {
     const index = parentInstance.children.indexOf(child);
     if (index !== -1) {
       parentInstance.children.splice(index, 1);
@@ -102,75 +105,82 @@ var TestRenderer = ReactFiberReconciler({
   },
 
   finalizeInitialChildren(
-    testElement : Instance,
-    type : string,
-    props : Props,
-    rootContainerInstance : Container,
-  ) : boolean {
+    testElement: Instance,
+    type: string,
+    props: Props,
+    rootContainerInstance: Container,
+  ): boolean {
     return false;
   },
 
   prepareUpdate(
-    testElement : Instance,
-    type : string,
-    oldProps : Props,
-    newProps : Props,
-    rootContainerInstance : Container,
-    hostContext : Object,
-  ) : null | {} {
+    testElement: Instance,
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+    rootContainerInstance: Container,
+    hostContext: Object,
+  ): null | {} {
     return UPDATE_SIGNAL;
   },
 
   commitUpdate(
-    instance : Instance,
-    updatePayload : {},
-    type : string,
-    oldProps : Props,
-    newProps : Props,
-    internalInstanceHandle : Object,
-  ) : void {
+    instance: Instance,
+    updatePayload: {},
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+    internalInstanceHandle: Object,
+  ): void {
     instance.type = type;
     instance.props = newProps;
   },
 
   commitMount(
-    instance : Instance,
-    type : string,
-    newProps : Props,
-    internalInstanceHandle : Object
-  ) : void {
+    instance: Instance,
+    type: string,
+    newProps: Props,
+    internalInstanceHandle: Object,
+  ): void {
     // noop
   },
 
-  shouldSetTextContent(props : Props) : boolean {
+  shouldSetTextContent(props: Props): boolean {
     return false;
   },
 
-  resetTextContent(testElement : Instance) : void {
+  resetTextContent(testElement: Instance): void {
     // noop
   },
 
-  shouldDeprioritizeSubtree(type: string, props : Props) : boolean {
+  shouldDeprioritizeSubtree(type: string, props: Props): boolean {
     return false;
   },
 
   createTextInstance(
-    text : string,
-    rootContainerInstance : Container,
-    hostContext : Object,
-    internalInstanceHandle : Object
-  ) : TextInstance {
+    text: string,
+    rootContainerInstance: Container,
+    hostContext: Object,
+    internalInstanceHandle: Object,
+  ): TextInstance {
     return {
       text,
       tag: 'TEXT',
     };
   },
 
-  commitTextUpdate(textInstance : TextInstance, oldText : string, newText : string) : void {
+  commitTextUpdate(
+    textInstance: TextInstance,
+    oldText: string,
+    newText: string,
+  ): void {
     textInstance.text = newText;
   },
 
-  appendChild(parentInstance : Instance | Container, child : Instance | TextInstance) : void {
+  appendChild(
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+  ): void {
     const index = parentInstance.children.indexOf(child);
     if (index !== -1) {
       parentInstance.children.splice(index, 1);
@@ -179,10 +189,10 @@ var TestRenderer = ReactFiberReconciler({
   },
 
   insertBefore(
-    parentInstance : Instance | Container,
-    child : Instance | TextInstance,
-    beforeChild : Instance | TextInstance
-  ) : void {
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+    beforeChild: Instance | TextInstance,
+  ): void {
     const index = parentInstance.children.indexOf(child);
     if (index !== -1) {
       parentInstance.children.splice(index, 1);
@@ -191,16 +201,19 @@ var TestRenderer = ReactFiberReconciler({
     parentInstance.children.splice(beforeIndex, 0, child);
   },
 
-  removeChild(parentInstance : Instance | Container, child : Instance | TextInstance) : void {
+  removeChild(
+    parentInstance: Instance | Container,
+    child: Instance | TextInstance,
+  ): void {
     const index = parentInstance.children.indexOf(child);
     parentInstance.children.splice(index, 1);
   },
 
-  scheduleAnimationCallback(fn : Function) : void {
+  scheduleAnimationCallback(fn: Function): void {
     setTimeout(fn);
   },
 
-  scheduleDeferredCallback(fn : Function) : void {
+  scheduleDeferredCallback(fn: Function): void {
     setTimeout(fn, 0, {timeRemaining: Infinity});
   },
 
@@ -226,7 +239,7 @@ var defaultTestOptions = {
   },
 };
 
-function toJSON(inst : Instance | TextInstance) : ReactTestRendererNode {
+function toJSON(inst: Instance | TextInstance): ReactTestRendererNode {
   switch (inst.tag) {
     case 'TEXT':
       return inst.text;
@@ -240,12 +253,14 @@ function toJSON(inst : Instance | TextInstance) : ReactTestRendererNode {
       if (inst.children && inst.children.length) {
         renderedChildren = inst.children.map(toJSON);
       }
-      const json : ReactTestRendererJSON = {
+      const json: ReactTestRendererJSON = {
         type: inst.type,
         props: props,
         children: renderedChildren,
       };
-      Object.defineProperty(json, '$$typeof', {value: Symbol.for('react.test.json')});
+      Object.defineProperty(json, '$$typeof', {
+        value: Symbol.for('react.test.json'),
+      });
       return json;
     default:
       throw new Error(`Unexpected node type in toJSON: ${inst.tag}`);
@@ -273,7 +288,7 @@ function toTree(node: ?Fiber) {
       return {
         nodeType: 'component',
         type: node.type,
-        props: { ...node.memoizedProps },
+        props: {...node.memoizedProps},
         instance: node.stateNode,
         rendered: toTree(node.child),
       };
@@ -281,7 +296,7 @@ function toTree(node: ?Fiber) {
       return {
         nodeType: 'component',
         type: node.type,
-        props: { ...node.memoizedProps },
+        props: {...node.memoizedProps},
         instance: null,
         rendered: toTree(node.child),
       };
@@ -289,7 +304,7 @@ function toTree(node: ?Fiber) {
       return {
         nodeType: 'host',
         type: node.type,
-        props: { ...node.memoizedProps },
+        props: {...node.memoizedProps},
         instance: null, // TODO: use createNodeMock here somehow?
         rendered: nodeAndSiblingsArray(node.child).map(toTree),
       };
@@ -299,13 +314,13 @@ function toTree(node: ?Fiber) {
       invariant(
         false,
         'toTree() does not yet know how to handle nodes with tag=%s',
-        node.tag
+        node.tag,
       );
   }
 }
 
 var ReactTestFiberRenderer = {
-  create(element : ReactElement<any>, options : TestRendererOptions) {
+  create(element: ReactElement<any>, options: TestRendererOptions) {
     var createNodeMock = defaultTestOptions.createNodeMock;
     if (options && typeof options.createNodeMock === 'function') {
       createNodeMock = options.createNodeMock;
@@ -338,7 +353,7 @@ var ReactTestFiberRenderer = {
         }
         return toTree(root.current);
       },
-      update(newElement : ReactElement<any>) {
+      update(newElement: ReactElement<any>) {
         if (root == null || root.current == null) {
           return;
         }
diff --git a/src/renderers/testing/__tests__/ReactTestRenderer-test.js b/src/renderers/testing/__tests__/ReactTestRenderer-test.js
index 54a7c7c98b..ce64455e4a 100644
--- a/src/renderers/testing/__tests__/ReactTestRenderer-test.js
+++ b/src/renderers/testing/__tests__/ReactTestRenderer-test.js
@@ -30,7 +30,7 @@ function cleanNode(node) {
   }
   if (node && node.props && node.props.children) {
     // eslint-disable-next-line no-unused-vars
-    var { children, ...props } = node.props;
+    var {children, ...props} = node.props;
     node.props = props;
   }
   if (Array.isArray(node.rendered)) {
@@ -57,7 +57,7 @@ describe('ReactTestRenderer', () => {
     var renderer = ReactTestRenderer.create(<Link />);
     expect(renderer.toJSON()).toEqual({
       type: 'a',
-      props: { role: 'link' },
+      props: {role: 'link'},
       children: null,
     });
   });
@@ -104,10 +104,8 @@ describe('ReactTestRenderer', () => {
     var renderer = ReactTestRenderer.create(<Component />);
     expect(renderer.toJSON()).toEqual({
       type: 'div',
-      props: { className: 'purple' },
-      children: [
-        { type: 'moo', props: {}, children: null },
-      ],
+      props: {className: 'purple'},
+      children: [{type: 'moo', props: {}, children: null}],
     });
   });
 
@@ -146,10 +144,10 @@ describe('ReactTestRenderer', () => {
     var renderer = ReactTestRenderer.create(<Component />);
     expect(renderer.toJSON()).toEqual({
       type: 'div',
-      props: { className: 'purple' },
+      props: {className: 'purple'},
       children: [
         ReactDOMFeatureFlags.useFiber ? '7' : 7,
-        { type: 'moo', props: {}, children: null },
+        {type: 'moo', props: {}, children: null},
       ],
     });
     expect(renders).toBe(6);
@@ -207,7 +205,7 @@ describe('ReactTestRenderer', () => {
         <span key="a">A</span>
         <span key="b">B</span>
         <span key="c">C</span>
-      </div>
+      </div>,
     );
     expect(renderer.toJSON()).toEqual({
       type: 'div',
@@ -224,7 +222,7 @@ describe('ReactTestRenderer', () => {
         <span key="d">D</span>
         <span key="c">C</span>
         <span key="b">B</span>
-      </div>
+      </div>,
     );
     expect(renderer.toJSON()).toEqual({
       type: 'div',
@@ -268,7 +266,7 @@ describe('ReactTestRenderer', () => {
 
   it('gives a ref to native components', () => {
     var log = [];
-    ReactTestRenderer.create(<div ref={(r) => log.push(r)} />);
+    ReactTestRenderer.create(<div ref={r => log.push(r)} />);
     expect(log).toEqual([null]);
   });
 
@@ -292,26 +290,24 @@ describe('ReactTestRenderer', () => {
     expectDev(console.error.calls.count()).toBe(1);
     expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toBe(
       'Warning: Stateless function components cannot be given refs. Attempts ' +
-      'to access this ref will fail.\n\nCheck the render method of `Foo`.\n' +
-      '    in Bar (at **)\n' +
-      '    in Foo (at **)'
+        'to access this ref will fail.\n\nCheck the render method of `Foo`.\n' +
+        '    in Bar (at **)\n' +
+        '    in Foo (at **)',
     );
   });
 
   it('allows an optional createNodeMock function', () => {
-    var mockDivInstance = { appendChild: () => {} };
-    var mockInputInstance = { focus: () => {} };
-    var mockListItemInstance = { click: () => {} };
-    var mockAnchorInstance = { hover: () => {} };
+    var mockDivInstance = {appendChild: () => {}};
+    var mockInputInstance = {focus: () => {}};
+    var mockListItemInstance = {click: () => {}};
+    var mockAnchorInstance = {hover: () => {}};
     var log = [];
     class Foo extends React.Component {
       componentDidMount() {
         log.push(this.refs.bar);
       }
       render() {
-        return (
-          <a ref="bar">Hello, world</a>
-        );
+        return <a ref="bar">Hello, world</a>;
       }
     }
     function createNodeMock(element) {
@@ -328,39 +324,27 @@ describe('ReactTestRenderer', () => {
           return {};
       }
     }
-    ReactTestRenderer.create(
-      <div ref={(r) => log.push(r)} />,
-      {createNodeMock}
-    );
-    ReactTestRenderer.create(
-      <input ref={(r) => log.push(r)} />,
-      {createNodeMock},
-    );
+    ReactTestRenderer.create(<div ref={r => log.push(r)} />, {createNodeMock});
+    ReactTestRenderer.create(<input ref={r => log.push(r)} />, {
+      createNodeMock,
+    });
     ReactTestRenderer.create(
       <div>
         <span>
           <ul>
-            <li ref={(r) => log.push(r)} />
+            <li ref={r => log.push(r)} />
           </ul>
           <ul>
-            <li ref={(r) => log.push(r)} />
-            <li ref={(r) => log.push(r)} />
+            <li ref={r => log.push(r)} />
+            <li ref={r => log.push(r)} />
           </ul>
         </span>
       </div>,
       {createNodeMock, foobar: true},
     );
-    ReactTestRenderer.create(
-      <Foo />,
-      {createNodeMock},
-    );
-    ReactTestRenderer.create(
-      <div ref={(r) => log.push(r)} />,
-    );
-    ReactTestRenderer.create(
-      <div ref={(r) => log.push(r)} />,
-      {}
-    );
+    ReactTestRenderer.create(<Foo />, {createNodeMock});
+    ReactTestRenderer.create(<div ref={r => log.push(r)} />);
+    ReactTestRenderer.create(<div ref={r => log.push(r)} />, {});
     expect(log).toEqual([
       mockDivInstance,
       mockInputInstance,
@@ -379,10 +363,9 @@ describe('ReactTestRenderer', () => {
         return <div ref="foo" />;
       }
     }
-    const inst = ReactTestRenderer.create(
-      <Foo />,
-      {createNodeMock: () => 'foo'}
-    );
+    const inst = ReactTestRenderer.create(<Foo />, {
+      createNodeMock: () => 'foo',
+    });
     expect(() => inst.unmount()).not.toThrow();
   });
 
@@ -396,10 +379,9 @@ describe('ReactTestRenderer', () => {
         return <div />;
       }
     }
-    const inst = ReactTestRenderer.create(
-      <div><Foo /></div>,
-      {createNodeMock: () => 'foo'}
-    );
+    const inst = ReactTestRenderer.create(<div><Foo /></div>, {
+      createNodeMock: () => 'foo',
+    });
     expect(() => inst.unmount()).not.toThrow();
     expect(count).toEqual(1);
   });
@@ -412,15 +394,12 @@ describe('ReactTestRenderer', () => {
     };
     class Foo extends React.Component {
       render() {
-        return this.props.useDiv
-          ? <div ref="foo" />
-          : <span ref="foo" />;
+        return this.props.useDiv ? <div ref="foo" /> : <span ref="foo" />;
       }
     }
-    const inst = ReactTestRenderer.create(
-      <Foo useDiv={true} />,
-      {createNodeMock}
-    );
+    const inst = ReactTestRenderer.create(<Foo useDiv={true} />, {
+      createNodeMock,
+    });
     inst.update(<Foo useDiv={false} />);
     expect(log).toEqual(['div', 'span']);
   });
@@ -524,48 +503,46 @@ describe('ReactTestRenderer', () => {
     renderer.update(<Component>{42}</Component>);
     expect(renderer.toJSON()).toEqual({
       type: 'div',
-      children: [
-        ReactDOMFeatureFlags.useFiber ? '42' : 42,
-      ],
+      children: [ReactDOMFeatureFlags.useFiber ? '42' : 42],
       props: {},
     });
     renderer.update(<Component><div /></Component>);
     expect(renderer.toJSON()).toEqual({
       type: 'div',
-      children: [{
-        type: 'div',
-        children: null,
-        props: {},
-      }],
+      children: [
+        {
+          type: 'div',
+          children: null,
+          props: {},
+        },
+      ],
       props: {},
     });
   });
 
   it('toTree() renders simple components returning host components', () => {
-
-    var Qoo = () => (
-      <span className="Qoo">Hello World!</span>
-    );
+    var Qoo = () => <span className="Qoo">Hello World!</span>;
 
     var renderer = ReactTestRenderer.create(<Qoo />);
     var tree = renderer.toTree();
 
     cleanNode(tree);
 
-    expect(prettyFormat(tree)).toEqual(prettyFormat({
-      nodeType: 'component',
-      type: Qoo,
-      props: {},
-      instance: null,
-      rendered: {
-        nodeType: 'host',
-        type: 'span',
-        props: { className: 'Qoo' },
+    expect(prettyFormat(tree)).toEqual(
+      prettyFormat({
+        nodeType: 'component',
+        type: Qoo,
+        props: {},
         instance: null,
-        rendered: ['Hello World!'],
-      },
-    }));
-
+        rendered: {
+          nodeType: 'host',
+          type: 'span',
+          props: {className: 'Qoo'},
+          instance: null,
+          rendered: ['Hello World!'],
+        },
+      }),
+    );
   });
 
   it('toTree() handles null rendering components', () => {
@@ -585,21 +562,18 @@ describe('ReactTestRenderer', () => {
     expect(tree).toEqual({
       type: Foo,
       nodeType: 'component',
-      props: { },
+      props: {},
       instance: null,
       rendered: null,
     });
-
   });
 
   it('toTree() renders complicated trees of composites and hosts', () => {
     // SFC returning host. no children props.
-    var Qoo = () => (
-      <span className="Qoo">Hello World!</span>
-    );
+    var Qoo = () => <span className="Qoo">Hello World!</span>;
 
     // SFC returning host. passes through children.
-    var Foo = ({ className, children }) => (
+    var Foo = ({className, children}) => (
       <div className={'Foo ' + className}>
         <span className="Foo2">Literal</span>
         {children}
@@ -609,7 +583,7 @@ describe('ReactTestRenderer', () => {
     // class composite returning composite. passes through children.
     class Bar extends React.Component {
       render() {
-        const { special, children } = this.props;
+        const {special, children} = this.props;
         return (
           <Foo className={special ? 'special' : 'normal'}>
             {children}
@@ -638,53 +612,54 @@ describe('ReactTestRenderer', () => {
 
     cleanNode(tree);
 
-    expect(prettyFormat(tree)).toEqual(prettyFormat({
-      type: Bam,
-      nodeType: 'component',
-      props: {},
-      instance: null,
-      rendered: {
-        type: Bar,
+    expect(prettyFormat(tree)).toEqual(
+      prettyFormat({
+        type: Bam,
         nodeType: 'component',
-        props: { special: true },
+        props: {},
         instance: null,
         rendered: {
-          type: Foo,
+          type: Bar,
           nodeType: 'component',
-          props: { className: 'special' },
+          props: {special: true},
           instance: null,
           rendered: {
-            type: 'div',
-            nodeType: 'host',
-            props: { className: 'Foo special' },
+            type: Foo,
+            nodeType: 'component',
+            props: {className: 'special'},
             instance: null,
-            rendered: [
-              {
-                type: 'span',
-                nodeType: 'host',
-                props: { className: 'Foo2' },
-                instance: null,
-                rendered: ['Literal'],
-              },
-              {
-                type: Qoo,
-                nodeType: 'component',
-                props: {},
-                instance: null,
-                rendered: {
+            rendered: {
+              type: 'div',
+              nodeType: 'host',
+              props: {className: 'Foo special'},
+              instance: null,
+              rendered: [
+                {
                   type: 'span',
                   nodeType: 'host',
-                  props: { className: 'Qoo' },
+                  props: {className: 'Foo2'},
                   instance: null,
-                  rendered: ['Hello World!'],
+                  rendered: ['Literal'],
                 },
-              },
-            ],
+                {
+                  type: Qoo,
+                  nodeType: 'component',
+                  props: {},
+                  instance: null,
+                  rendered: {
+                    type: 'span',
+                    nodeType: 'host',
+                    props: {className: 'Qoo'},
+                    instance: null,
+                    rendered: ['Hello World!'],
+                  },
+                },
+              ],
+            },
           },
         },
-      },
-    }));
-
+      }),
+    );
   });
 
   if (ReactDOMFeatureFlags.useFiber) {
@@ -698,7 +673,7 @@ describe('ReactTestRenderer', () => {
     });
 
     it('can render and update root fragments', () => {
-      var Component = (props) => props.children;
+      var Component = props => props.children;
 
       var renderer = ReactTestRenderer.create([
         <Component>Hi</Component>,
@@ -715,9 +690,7 @@ describe('ReactTestRenderer', () => {
       expect(renderer.toJSON()).toEqual([
         {
           type: 'div',
-          children: [
-            'goodbye',
-          ],
+          children: ['goodbye'],
           props: {},
         },
         'world',
diff --git a/src/renderers/testing/stack/ReactTestMount.js b/src/renderers/testing/stack/ReactTestMount.js
index cd14ada51e..3b57ead3e1 100644
--- a/src/renderers/testing/stack/ReactTestMount.js
+++ b/src/renderers/testing/stack/ReactTestMount.js
@@ -54,17 +54,17 @@ TopLevelWrapper.isReactTopLevelWrapper = true;
  * @param {Object} hostContainerInfo
  */
 function mountComponentIntoNode(
-    componentInstance,
-    transaction,
-    hostParent,
-    hostContainerInfo
-  ) {
+  componentInstance,
+  transaction,
+  hostParent,
+  hostContainerInfo,
+) {
   var image = ReactReconciler.mountComponent(
     componentInstance,
     transaction,
     null,
     hostContainerInfo,
-    emptyObject
+    emptyObject,
   );
   componentInstance._renderedComponent._topLevelWrapper = componentInstance;
   return image;
@@ -77,10 +77,7 @@ function mountComponentIntoNode(
  * @param {number} rootID ID of the root node.
  * @param {number} containerTag container element to mount into.
  */
-function batchedMountComponentIntoNode(
-    componentInstance,
-    options,
-  ) {
+function batchedMountComponentIntoNode(componentInstance, options) {
   var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(true);
   var image = transaction.perform(
     mountComponentIntoNode,
@@ -88,7 +85,7 @@ function batchedMountComponentIntoNode(
     componentInstance,
     transaction,
     null,
-    options
+    options,
   );
   ReactUpdates.ReactReconcileTransaction.release(transaction);
   return image;
@@ -103,12 +100,11 @@ ReactTestInstance.prototype.getInstance = function() {
 ReactTestInstance.prototype.update = function(nextElement) {
   invariant(
     this._component,
-    "ReactTestRenderer: .update() can't be called after unmount."
-  );
-  var nextWrappedElement = React.createElement(
-    TopLevelWrapper,
-    { child: nextElement }
+    "ReactTestRenderer: .update() can't be called after unmount.",
   );
+  var nextWrappedElement = React.createElement(TopLevelWrapper, {
+    child: nextElement,
+  });
   var component = this._component;
   ReactUpdates.batchedUpdates(function() {
     var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(true);
@@ -117,7 +113,7 @@ ReactTestInstance.prototype.update = function(nextElement) {
         component,
         nextWrappedElement,
         transaction,
-        emptyObject
+        emptyObject,
       );
     });
     ReactUpdates.ReactReconcileTransaction.release(transaction);
@@ -130,8 +126,8 @@ ReactTestInstance.prototype.unmount = function(nextElement) {
     transaction.perform(function() {
       ReactReconciler.unmountComponent(
         component,
-        false, /* safely */
-        false /* skipLifecycle */
+        false /* safely */,
+        false /* skipLifecycle */,
       );
     });
     ReactUpdates.ReactReconcileTransaction.release(transaction);
@@ -167,7 +163,7 @@ function toTree(component) {
     return {
       nodeType: 'host',
       type: element.type,
-      props: { ...element.props },
+      props: {...element.props},
       instance: component._nodeMock,
       rendered: rendered,
     };
@@ -175,7 +171,7 @@ function toTree(component) {
     return {
       nodeType: 'component',
       type: element.type,
-      props: { ...element.props },
+      props: {...element.props},
       instance: component._instance,
       rendered: toTree(component._renderedComponent),
     };
@@ -187,15 +183,13 @@ function toTree(component) {
  * code between the two. For now, we'll hard code the ID logic.
  */
 var ReactTestMount = {
-
   render: function(
     nextElement: ReactElement<any>,
     options?: TestRendererOptions,
   ): ReactTestInstance {
-    var nextWrappedElement = React.createElement(
-      TopLevelWrapper,
-      {child: nextElement},
-    );
+    var nextWrappedElement = React.createElement(TopLevelWrapper, {
+      child: nextElement,
+    });
 
     var instance = instantiateReactComponent(nextWrappedElement, false);
 
@@ -209,7 +203,6 @@ var ReactTestMount = {
     );
     return new ReactTestInstance(instance);
   },
-
 };
 
 module.exports = ReactTestMount;
diff --git a/src/renderers/testing/stack/ReactTestReconcileTransaction.js b/src/renderers/testing/stack/ReactTestReconcileTransaction.js
index 50585e08be..379be398eb 100644
--- a/src/renderers/testing/stack/ReactTestReconcileTransaction.js
+++ b/src/renderers/testing/stack/ReactTestReconcileTransaction.js
@@ -16,7 +16,7 @@ var PooledClass = require('PooledClass');
 var Transaction = require('Transaction');
 var ReactUpdateQueue = require('ReactUpdateQueue');
 
-import type { TestRendererOptions } from 'ReactTestMount';
+import type {TestRendererOptions} from 'ReactTestMount';
 
 /**
  * Provides a `CallbackQueue` queue for collecting `onDOMReady` callbacks during
@@ -126,7 +126,7 @@ Object.assign(
   ReactTestReconcileTransaction.prototype,
   Transaction,
   ReactTestReconcileTransaction,
-  Mixin
+  Mixin,
 );
 
 PooledClass.addPoolingTo(ReactTestReconcileTransaction);
diff --git a/src/renderers/testing/stack/ReactTestRendererStack.js b/src/renderers/testing/stack/ReactTestRendererStack.js
index ce61abb80a..f87b0383bd 100644
--- a/src/renderers/testing/stack/ReactTestRendererStack.js
+++ b/src/renderers/testing/stack/ReactTestRendererStack.js
@@ -25,16 +25,16 @@ var ReactTestTextComponent = require('ReactTestTextComponent');
 var ReactTestEmptyComponent = require('ReactTestEmptyComponent');
 var invariant = require('fbjs/lib/invariant');
 
-import type { ReactElement } from 'ReactElementType';
-import type { ReactInstance } from 'ReactInstanceType';
-import type { ReactText } from 'ReactTypes';
+import type {ReactElement} from 'ReactElementType';
+import type {ReactInstance} from 'ReactInstanceType';
+import type {ReactText} from 'ReactTypes';
 
 type ReactTestRendererJSON = {
   type: string,
-  props: { [propName: string]: any },
+  props: {[propName: string]: any},
   children: null | Array<ReactText | ReactTestRendererJSON>,
-  $$typeof?: any
-}
+  $$typeof?: any,
+};
 
 /**
  * Drill down (through composites and empty components) until we get a native or
@@ -94,7 +94,7 @@ class ReactTestComponent {
   getPublicInstance(): Object {
     invariant(
       this._nodeMock !== UNSET,
-      'getPublicInstance should not be called before component is mounted.'
+      'getPublicInstance should not be called before component is mounted.',
     );
     return this._nodeMock;
   }
@@ -135,7 +135,7 @@ Object.assign(ReactTestComponent.prototype, ReactMultiChild);
 // =============================================================================
 
 ReactUpdates.injection.injectReconcileTransaction(
-  ReactTestReconcileTransaction
+  ReactTestReconcileTransaction,
 );
 ReactUpdates.injection.injectBatchingStrategy(ReactDefaultBatchingStrategy);
 
diff --git a/src/renderers/testing/stack/ReactTestTextComponent.js b/src/renderers/testing/stack/ReactTestTextComponent.js
index e87e1bd4b7..5baa7469f3 100644
--- a/src/renderers/testing/stack/ReactTestTextComponent.js
+++ b/src/renderers/testing/stack/ReactTestTextComponent.js
@@ -13,7 +13,7 @@
 
 'use strict';
 
-import type { ReactText } from 'ReactTypes';
+import type {ReactText} from 'ReactTypes';
 
 class ReactTestTextComponent {
   _currentElement: ReactText;
diff --git a/src/shared/ReactFiberComponentTreeHook.js b/src/shared/ReactFiberComponentTreeHook.js
index df24a78b0d..30a4e83656 100644
--- a/src/shared/ReactFiberComponentTreeHook.js
+++ b/src/shared/ReactFiberComponentTreeHook.js
@@ -21,20 +21,21 @@ var {
 } = ReactTypeOfWork;
 var getComponentName = require('getComponentName');
 
-import type { Fiber } from 'ReactFiber';
+import type {Fiber} from 'ReactFiber';
 
 function describeComponentFrame(name, source: any, ownerName) {
-  return '\n    in ' + (name || 'Unknown') + (
-    source ?
-      ' (at ' + source.fileName.replace(/^.*[\\\/]/, '') + ':' +
-      source.lineNumber + ')' :
-    ownerName ?
-      ' (created by ' + ownerName + ')' :
-      ''
-  );
+  return '\n    in ' +
+    (name || 'Unknown') +
+    (source
+      ? ' (at ' +
+          source.fileName.replace(/^.*[\\\/]/, '') +
+          ':' +
+          source.lineNumber +
+          ')'
+      : ownerName ? ' (created by ' + ownerName + ')' : '');
 }
 
-function describeFiber(fiber : Fiber) : string {
+function describeFiber(fiber: Fiber): string {
   switch (fiber.tag) {
     case IndeterminateComponent:
     case FunctionalComponent:
@@ -56,7 +57,7 @@ function describeFiber(fiber : Fiber) : string {
 // This function can only be called with a work-in-progress fiber and
 // only during begin or complete phase. Do not call it under any other
 // circumstances.
-function getStackAddendumByWorkInProgressFiber(workInProgress : Fiber) : string {
+function getStackAddendumByWorkInProgressFiber(workInProgress: Fiber): string {
   var info = '';
   var node = workInProgress;
   do {
diff --git a/src/shared/types/checkReactTypeSpec.js b/src/shared/types/checkReactTypeSpec.js
index b115ee3f70..131e23e1a5 100644
--- a/src/shared/types/checkReactTypeSpec.js
+++ b/src/shared/types/checkReactTypeSpec.js
@@ -12,21 +12,15 @@
 'use strict';
 
 var checkPropTypes = require('react/lib/checkPropTypes');
-var { getStackAddendum } = require('react/lib/ReactDebugCurrentFrame');
+var {getStackAddendum} = require('react/lib/ReactDebugCurrentFrame');
 
 function checkReactTypeSpec(
   typeSpecs,
   values,
   location: string,
-  componentName
+  componentName,
 ) {
-  checkPropTypes(
-    typeSpecs,
-    values,
-    location,
-    componentName,
-    getStackAddendum
-  );
+  checkPropTypes(typeSpecs, values, location, componentName, getStackAddendum);
 }
 
 module.exports = checkReactTypeSpec;
diff --git a/src/shared/utils/KeyEscapeUtils.js b/src/shared/utils/KeyEscapeUtils.js
index 223b2c6b67..b7ed7a00b2 100644
--- a/src/shared/utils/KeyEscapeUtils.js
+++ b/src/shared/utils/KeyEscapeUtils.js
@@ -24,12 +24,9 @@ function escape(key: string): string {
     '=': '=0',
     ':': '=2',
   };
-  var escapedString = ('' + key).replace(
-    escapeRegex,
-    function(match) {
-      return escaperLookup[match];
-    }
-  );
+  var escapedString = ('' + key).replace(escapeRegex, function(match) {
+    return escaperLookup[match];
+  });
 
   return '$' + escapedString;
 }
@@ -46,15 +43,13 @@ function unescape(key: string): string {
     '=0': '=',
     '=2': ':',
   };
-  var keySubstring = (key[0] === '.' && key[1] === '$')
-    ? key.substring(2) : key.substring(1);
+  var keySubstring = key[0] === '.' && key[1] === '$'
+    ? key.substring(2)
+    : key.substring(1);
 
-  return ('' + keySubstring).replace(
-    unescapeRegex,
-    function(match) {
-      return unescaperLookup[match];
-    }
-  );
+  return ('' + keySubstring).replace(unescapeRegex, function(match) {
+    return unescaperLookup[match];
+  });
 }
 
 var KeyEscapeUtils = {
diff --git a/src/shared/utils/PooledClass.js b/src/shared/utils/PooledClass.js
index c2a6fa5322..15e00789e3 100644
--- a/src/shared/utils/PooledClass.js
+++ b/src/shared/utils/PooledClass.js
@@ -69,7 +69,7 @@ var standardReleaser = function(instance) {
   var Klass = this;
   invariant(
     instance instanceof Klass,
-    'Trying to release an instance into a pool of a different type.'
+    'Trying to release an instance into a pool of a different type.',
   );
   instance.destructor();
   if (Klass.instancePool.length < Klass.poolSize) {
@@ -95,7 +95,7 @@ var addPoolingTo = function<T>(
   CopyConstructor: Class<T>,
   pooler: Pooler,
 ): Class<T> & {
-  getPooled(/* arguments of the constructor */): T,
+  getPooled /* arguments of the constructor */(): T,
   release(): void,
 } {
   // Casting as any so that flow ignores the actual implementation and trusts
diff --git a/src/shared/utils/ReactElementSymbol.js b/src/shared/utils/ReactElementSymbol.js
index 9d59d505e7..2596b6817f 100644
--- a/src/shared/utils/ReactElementSymbol.js
+++ b/src/shared/utils/ReactElementSymbol.js
@@ -14,8 +14,9 @@
 
 // The Symbol used to tag the ReactElement type. If there is no native Symbol
 // nor polyfill, then a plain number is used for performance.
-var REACT_ELEMENT_TYPE =
-  (typeof Symbol === 'function' && Symbol.for && Symbol.for('react.element')) ||
+var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
+  Symbol.for &&
+  Symbol.for('react.element')) ||
   0xeac7;
 
 module.exports = REACT_ELEMENT_TYPE;
diff --git a/src/shared/utils/__tests__/PooledClass-test.js b/src/shared/utils/__tests__/PooledClass-test.js
index 43ead312db..3c206b74ae 100644
--- a/src/shared/utils/__tests__/PooledClass-test.js
+++ b/src/shared/utils/__tests__/PooledClass-test.js
@@ -31,14 +31,12 @@ describe('Pooled class', () => {
     expect(instance instanceof PoolableClass).toBe(true);
   });
 
-  it('should return the instance back into the pool when it gets released',
-    () => {
-      var instance = PoolableClass.getPooled();
-      PoolableClass.release(instance);
-      expect(PoolableClass.instancePool.length).toBe(1);
-      expect(PoolableClass.instancePool[0]).toBe(instance);
-    }
-  );
+  it('should return the instance back into the pool when it gets released', () => {
+    var instance = PoolableClass.getPooled();
+    PoolableClass.release(instance);
+    expect(PoolableClass.instancePool.length).toBe(1);
+    expect(PoolableClass.instancePool[0]).toBe(instance);
+  });
 
   it('should return an old instance if available in the pool', () => {
     var instance = PoolableClass.getPooled();
@@ -67,7 +65,7 @@ describe('Pooled class', () => {
     PoolableClassWithMultiArguments.prototype.destructor = function() {};
     PooledClass.addPoolingTo(
       PoolableClassWithMultiArguments,
-      PooledClass.twoArgumentPooler
+      PooledClass.twoArgumentPooler,
     );
     PoolableClassWithMultiArguments.getPooled('a', 'b', 'c');
     expect(log).toEqual(['a', 'b']);
@@ -79,9 +77,7 @@ describe('Pooled class', () => {
       log.push(a);
     };
     PoolableClassWithOneArgument.prototype.destructor = function() {};
-    PooledClass.addPoolingTo(
-      PoolableClassWithOneArgument
-    );
+    PooledClass.addPoolingTo(PoolableClassWithOneArgument);
     PoolableClassWithOneArgument.getPooled('new');
     expect(log).toEqual(['new']);
   });
@@ -92,29 +88,25 @@ describe('Pooled class', () => {
       log.push(a);
     };
     PoolableClassWithOneArgument.prototype.destructor = function() {};
-    PooledClass.addPoolingTo(
-      PoolableClassWithOneArgument
-    );
+    PooledClass.addPoolingTo(PoolableClassWithOneArgument);
     var instance = PoolableClassWithOneArgument.getPooled('new');
     PoolableClassWithOneArgument.release(instance);
     PoolableClassWithOneArgument.getPooled('old');
     expect(log).toEqual(['new', 'old']);
   });
 
-  it('should throw when the class releases an instance of a different type',
-    () => {
-      var RandomClass = function() {};
-      RandomClass.prototype.destructor = function() {};
-      PooledClass.addPoolingTo(RandomClass);
-      var randomInstance = RandomClass.getPooled();
-      PoolableClass.getPooled();
-      expect(function() {
-        PoolableClass.release(randomInstance);
-      }).toThrowError(
-        'Trying to release an instance into a pool of a different type.'
-      );
-    }
-  );
+  it('should throw when the class releases an instance of a different type', () => {
+    var RandomClass = function() {};
+    RandomClass.prototype.destructor = function() {};
+    PooledClass.addPoolingTo(RandomClass);
+    var randomInstance = RandomClass.getPooled();
+    PoolableClass.getPooled();
+    expect(function() {
+      PoolableClass.release(randomInstance);
+    }).toThrowError(
+      'Trying to release an instance into a pool of a different type.',
+    );
+  });
 
   it('should throw if no destructor is defined', () => {
     var ImmortalClass = function() {};
diff --git a/src/shared/utils/__tests__/reactProdInvariant-test.js b/src/shared/utils/__tests__/reactProdInvariant-test.js
index 7f60f08e25..59180917a5 100644
--- a/src/shared/utils/__tests__/reactProdInvariant-test.js
+++ b/src/shared/utils/__tests__/reactProdInvariant-test.js
@@ -23,27 +23,27 @@ describe('reactProdInvariant', () => {
       reactProdInvariant(124, 'foo', 'bar');
     }).toThrowError(
       'Minified React error #124; visit ' +
-      'http://facebook.github.io/react/docs/error-decoder.html?invariant=124&args[]=foo&args[]=bar' +
-      ' for the full message or use the non-minified dev environment' +
-      ' for full errors and additional helpful warnings.'
+        'http://facebook.github.io/react/docs/error-decoder.html?invariant=124&args[]=foo&args[]=bar' +
+        ' for the full message or use the non-minified dev environment' +
+        ' for full errors and additional helpful warnings.',
     );
 
     expect(function() {
       reactProdInvariant(20);
     }).toThrowError(
       'Minified React error #20; visit ' +
-      'http://facebook.github.io/react/docs/error-decoder.html?invariant=20' +
-      ' for the full message or use the non-minified dev environment' +
-      ' for full errors and additional helpful warnings.'
+        'http://facebook.github.io/react/docs/error-decoder.html?invariant=20' +
+        ' for the full message or use the non-minified dev environment' +
+        ' for full errors and additional helpful warnings.',
     );
 
     expect(function() {
       reactProdInvariant(77, '<div>', '&?bar');
     }).toThrowError(
       'Minified React error #77; visit ' +
-      'http://facebook.github.io/react/docs/error-decoder.html?invariant=77&args[]=%3Cdiv%3E&args[]=%26%3Fbar' +
-      ' for the full message or use the non-minified dev environment' +
-      ' for full errors and additional helpful warnings.'
+        'http://facebook.github.io/react/docs/error-decoder.html?invariant=77&args[]=%3Cdiv%3E&args[]=%26%3Fbar' +
+        ' for the full message or use the non-minified dev environment' +
+        ' for full errors and additional helpful warnings.',
     );
   });
 });
diff --git a/src/shared/utils/deprecated.js b/src/shared/utils/deprecated.js
index c723831081..1ed8bb2019 100644
--- a/src/shared/utils/deprecated.js
+++ b/src/shared/utils/deprecated.js
@@ -41,12 +41,13 @@ function deprecated<T: Function>(
         // Require examples in this string must be split to prevent React's
         // build tools from mistaking them for real requires.
         // Otherwise the build tools will attempt to build a '%s' module.
-        'React.%s is deprecated. Please use %s.%s from require' + '(\'%s\') ' +
-        'instead.',
+        'React.%s is deprecated. Please use %s.%s from require' +
+          "('%s') " +
+          'instead.',
         fnName,
         newModule,
         fnName,
-        newPackage
+        newPackage,
       );
       /* eslint-enable no-useless-concat */
       warned = true;
diff --git a/src/shared/utils/flattenChildren.js b/src/shared/utils/flattenChildren.js
index d07630580f..21a5da7140 100644
--- a/src/shared/utils/flattenChildren.js
+++ b/src/shared/utils/flattenChildren.js
@@ -46,7 +46,7 @@ function flattenSingleChildIntoContext(
   // We found a component instance.
   if (traverseContext && typeof traverseContext === 'object') {
     const result = traverseContext;
-    const keyUnique = (result[name] === undefined);
+    const keyUnique = result[name] === undefined;
     if (__DEV__) {
       if (!ReactComponentTreeHook) {
         ReactComponentTreeHook = require('react/lib/ReactComponentTreeHook');
@@ -55,10 +55,10 @@ function flattenSingleChildIntoContext(
         warning(
           false,
           'flattenChildren(...): Encountered two children with the same key, ' +
-          '`%s`. Child keys must be unique; when two children share a key, only ' +
-          'the first child will be used.%s',
+            '`%s`. Child keys must be unique; when two children share a key, only ' +
+            'the first child will be used.%s',
           KeyEscapeUtils.unescape(name),
-          ReactComponentTreeHook.getStackAddendumByID(selfDebugID)
+          ReactComponentTreeHook.getStackAddendumByID(selfDebugID),
         );
       }
     }
@@ -76,7 +76,7 @@ function flattenSingleChildIntoContext(
 function flattenChildren(
   children: ReactElement<any>,
   selfDebugID?: number,
-): ?{ [name: string]: ReactElement<any> } {
+): ?{[name: string]: ReactElement<any>} {
   if (children == null) {
     return children;
   }
@@ -85,13 +85,14 @@ function flattenChildren(
   if (__DEV__) {
     traverseAllChildren(
       children,
-      (traverseContext, child, name) => flattenSingleChildIntoContext(
-        traverseContext,
-        child,
-        name,
-        selfDebugID
-      ),
-      result
+      (traverseContext, child, name) =>
+        flattenSingleChildIntoContext(
+          traverseContext,
+          child,
+          name,
+          selfDebugID,
+        ),
+      result,
     );
   } else {
     traverseAllChildren(children, flattenSingleChildIntoContext, result);
diff --git a/src/shared/utils/getComponentName.js b/src/shared/utils/getComponentName.js
index bce8814db6..76ee7278e1 100644
--- a/src/shared/utils/getComponentName.js
+++ b/src/shared/utils/getComponentName.js
@@ -12,18 +12,20 @@
 
 'use strict';
 
-import type { ReactInstance } from 'ReactInstanceType';
-import type { Fiber } from 'ReactFiber';
+import type {ReactInstance} from 'ReactInstanceType';
+import type {Fiber} from 'ReactFiber';
 
-function getComponentName(instanceOrFiber : ReactInstance | Fiber) : string | null {
+function getComponentName(
+  instanceOrFiber: ReactInstance | Fiber,
+): string | null {
   if (typeof instanceOrFiber.getName === 'function') {
     // Stack reconciler
-    const instance = ((instanceOrFiber : any) : ReactInstance);
+    const instance = ((instanceOrFiber: any): ReactInstance);
     return instance.getName();
   }
   if (typeof instanceOrFiber.tag === 'number') {
     // Fiber reconciler
-    const fiber = ((instanceOrFiber : any) : Fiber);
+    const fiber = ((instanceOrFiber: any): Fiber);
     const {type} = fiber;
     if (typeof type === 'string') {
       return type;
diff --git a/src/shared/utils/getIteratorFn.js b/src/shared/utils/getIteratorFn.js
index 8958e63c4a..ffde8ff3b9 100644
--- a/src/shared/utils/getIteratorFn.js
+++ b/src/shared/utils/getIteratorFn.js
@@ -30,11 +30,10 @@ var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
  * @param {?object} maybeIterable
  * @return {?function}
  */
-function getIteratorFn(maybeIterable: ?any): ?(() => ?Iterator<*>) {
-  var iteratorFn = maybeIterable && (
-    (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL]) ||
-    maybeIterable[FAUX_ITERATOR_SYMBOL]
-  );
+function getIteratorFn(maybeIterable: ?any): ?() => ?Iterator<*> {
+  var iteratorFn = maybeIterable &&
+    ((ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL]) ||
+      maybeIterable[FAUX_ITERATOR_SYMBOL]);
   if (typeof iteratorFn === 'function') {
     return iteratorFn;
   }
diff --git a/src/shared/utils/reactProdInvariant.js b/src/shared/utils/reactProdInvariant.js
index ed61b59585..b52766eb20 100644
--- a/src/shared/utils/reactProdInvariant.js
+++ b/src/shared/utils/reactProdInvariant.js
@@ -20,21 +20,20 @@
 function reactProdInvariant(code: string): void {
   var argCount = arguments.length - 1;
 
-  var message = (
-    'Minified React error #' + code + '; visit ' +
-    'http://facebook.github.io/react/docs/error-decoder.html?invariant=' + code
-  );
+  var message = 'Minified React error #' +
+    code +
+    '; visit ' +
+    'http://facebook.github.io/react/docs/error-decoder.html?invariant=' +
+    code;
 
   for (var argIdx = 0; argIdx < argCount; argIdx++) {
     message += '&args[]=' + encodeURIComponent(arguments[argIdx + 1]);
   }
 
-  message += (
-    ' for the full message or use the non-minified dev environment' +
-    ' for full errors and additional helpful warnings.'
-  );
+  message += ' for the full message or use the non-minified dev environment' +
+    ' for full errors and additional helpful warnings.';
 
-  var error: Error & { framesToPop?: number } = new Error(message);
+  var error: Error & {framesToPop?: number} = new Error(message);
   error.name = 'Invariant Violation';
   error.framesToPop = 1; // we don't care about reactProdInvariant's own frame
 
diff --git a/src/shared/utils/traverseAllChildren.js b/src/shared/utils/traverseAllChildren.js
index 1c47359e88..933c1e5d9b 100644
--- a/src/shared/utils/traverseAllChildren.js
+++ b/src/shared/utils/traverseAllChildren.js
@@ -65,7 +65,7 @@ function traverseAllChildrenImpl(
   children,
   nameSoFar,
   callback,
-  traverseContext
+  traverseContext,
 ) {
   var type = typeof children;
 
@@ -74,18 +74,20 @@ function traverseAllChildrenImpl(
     children = null;
   }
 
-  if (children === null ||
-      type === 'string' ||
-      type === 'number' ||
-      // The following is inlined from ReactElement. This means we can optimize
-      // some checks. React Fiber also inlines this logic for similar purposes.
-      (type === 'object' && children.$$typeof === REACT_ELEMENT_TYPE)) {
+  if (
+    children === null ||
+    type === 'string' ||
+    type === 'number' ||
+    // The following is inlined from ReactElement. This means we can optimize
+    // some checks. React Fiber also inlines this logic for similar purposes.
+    (type === 'object' && children.$$typeof === REACT_ELEMENT_TYPE)
+  ) {
     callback(
       traverseContext,
       children,
       // If it's the only child, treat the name as if it was wrapped in an array
       // so that it's consistent if the number of children grows.
-      nameSoFar === '' ? SEPARATOR + getComponentKey(children, 0) : nameSoFar
+      nameSoFar === '' ? SEPARATOR + getComponentKey(children, 0) : nameSoFar,
     );
     return 1;
   }
@@ -103,7 +105,7 @@ function traverseAllChildrenImpl(
         child,
         nextName,
         callback,
-        traverseContext
+        traverseContext,
       );
     }
   } else {
@@ -116,15 +118,17 @@ function traverseAllChildrenImpl(
           if (ReactCurrentOwner.current) {
             var mapsAsChildrenOwnerName = ReactCurrentOwner.current.getName();
             if (mapsAsChildrenOwnerName) {
-              mapsAsChildrenAddendum = '\n\nCheck the render method of `' + mapsAsChildrenOwnerName + '`.';
+              mapsAsChildrenAddendum = '\n\nCheck the render method of `' +
+                mapsAsChildrenOwnerName +
+                '`.';
             }
           }
           warning(
             didWarnAboutMaps,
             'Using Maps as children is unsupported and will likely yield ' +
-            'unexpected results. Convert it to a sequence/iterable of keyed ' +
-            'ReactElements instead.%s',
-            mapsAsChildrenAddendum
+              'unexpected results. Convert it to a sequence/iterable of keyed ' +
+              'ReactElements instead.%s',
+            mapsAsChildrenAddendum,
           );
           didWarnAboutMaps = true;
         }
@@ -140,14 +144,13 @@ function traverseAllChildrenImpl(
           child,
           nextName,
           callback,
-          traverseContext
+          traverseContext,
         );
       }
     } else if (type === 'object') {
       var addendum = '';
       if (__DEV__) {
-        addendum =
-          ' If you meant to render a collection of children, use an array ' +
+        addendum = ' If you meant to render a collection of children, use an array ' +
           'instead or wrap the object using createFragment(object) from the ' +
           'React add-ons.';
         if (ReactCurrentOwner.current) {
@@ -161,10 +164,10 @@ function traverseAllChildrenImpl(
       invariant(
         false,
         'Objects are not valid as a React child (found: %s).%s',
-        childrenString === '[object Object]' ?
-          'object with keys {' + Object.keys(children).join(', ') + '}' :
-          childrenString,
-        addendum
+        childrenString === '[object Object]'
+          ? 'object with keys {' + Object.keys(children).join(', ') + '}'
+          : childrenString,
+        addendum,
       );
     }
   }
diff --git a/src/test/ReactComponentTreeTestUtils.js b/src/test/ReactComponentTreeTestUtils.js
index 60afbb4b15..91f4e36b8a 100644
--- a/src/test/ReactComponentTreeTestUtils.js
+++ b/src/test/ReactComponentTreeTestUtils.js
@@ -14,13 +14,15 @@
 var ReactComponentTreeHook = require('react/lib/ReactComponentTreeHook');
 
 function getRootDisplayNames() {
-  return ReactComponentTreeHook.getRootIDs()
-    .map(ReactComponentTreeHook.getDisplayName);
+  return ReactComponentTreeHook.getRootIDs().map(
+    ReactComponentTreeHook.getDisplayName,
+  );
 }
 
 function getRegisteredDisplayNames() {
-  return ReactComponentTreeHook.getRegisteredIDs()
-    .map(ReactComponentTreeHook.getDisplayName);
+  return ReactComponentTreeHook.getRegisteredIDs().map(
+    ReactComponentTreeHook.getDisplayName,
+  );
 }
 
 function expectTree(rootID, expectedTree, parentPath) {
@@ -48,14 +50,14 @@ function expectTree(rootID, expectedTree, parentPath) {
     expectEqual(
       ReactComponentTreeHook.getDisplayName(parentID),
       expectedTree.parentDisplayName,
-      'parentDisplayName'
+      'parentDisplayName',
     );
   }
   if (expectedTree.ownerDisplayName !== undefined) {
     expectEqual(
       ReactComponentTreeHook.getDisplayName(ownerID),
       expectedTree.ownerDisplayName,
-      'ownerDisplayName'
+      'ownerDisplayName',
     );
   }
   if (expectedTree.parentID !== undefined) {
@@ -73,7 +75,7 @@ function expectTree(rootID, expectedTree, parentPath) {
     expectEqual(
       element && element.type,
       expectedTree.element && expectedTree.element.type,
-      'element.type'
+      'element.type',
     );
   } else if (text == null) {
     expectEqual(typeof element, 'object', 'typeof element');
@@ -82,13 +84,13 @@ function expectTree(rootID, expectedTree, parentPath) {
     expectEqual(
       childIDs.length,
       expectedTree.children.length,
-      'children.length'
+      'children.length',
     );
     for (var i = 0; i < childIDs.length; i++) {
       expectTree(
         childIDs[i],
         {parentID: rootID, ...expectedTree.children[i]},
-        path
+        path,
       );
     }
   } else {
diff --git a/src/test/ReactShallowRenderer.js b/src/test/ReactShallowRenderer.js
index 6e70f9b99d..2606448439 100644
--- a/src/test/ReactShallowRenderer.js
+++ b/src/test/ReactShallowRenderer.js
@@ -54,20 +54,14 @@ var ShallowComponentWrapper = function(element) {
 
   this.construct(element);
 };
-Object.assign(
-  ShallowComponentWrapper.prototype,
-  ReactCompositeComponent, {
-    _constructComponent:
-      ReactCompositeComponent._constructComponentWithoutOwner,
-    _instantiateReactComponent: function(element) {
-      return new NoopInternalComponent(element);
-    },
-    _replaceNodeWithMarkup: function() {},
-    _renderValidatedComponent:
-      ReactCompositeComponent
-        ._renderValidatedComponentWithoutOwnerOrContext,
-  }
-);
+Object.assign(ShallowComponentWrapper.prototype, ReactCompositeComponent, {
+  _constructComponent: ReactCompositeComponent._constructComponentWithoutOwner,
+  _instantiateReactComponent: function(element) {
+    return new NoopInternalComponent(element);
+  },
+  _replaceNodeWithMarkup: function() {},
+  _renderValidatedComponent: ReactCompositeComponent._renderValidatedComponentWithoutOwnerOrContext,
+});
 
 function _batchedRender(renderer, element, context) {
   var transaction = ReactUpdates.ReactReconcileTransaction.getPooled(true);
@@ -90,17 +84,17 @@ class ReactShallowRenderer {
     invariant(
       React.isValidElement(element),
       'ReactShallowRenderer render(): Invalid component element.%s',
-      typeof element === 'function' ?
-        ' Instead of passing a component class, make sure to instantiate ' +
-        'it by passing it to React.createElement.' :
-        ''
+      typeof element === 'function'
+        ? ' Instead of passing a component class, make sure to instantiate ' +
+            'it by passing it to React.createElement.'
+        : '',
     );
     invariant(
       typeof element.type !== 'string',
       'ReactShallowRenderer render(): Shallow rendering works only with custom ' +
-      'components, not primitives (%s). Instead of calling `.render(el)` and ' +
-      'inspecting the rendered output, look at `el.props` directly instead.',
-      element.type
+        'components, not primitives (%s). Instead of calling `.render(el)` and ' +
+        'inspecting the rendered output, look at `el.props` directly instead.',
+      element.type,
     );
 
     if (!context) {
@@ -111,18 +105,17 @@ class ReactShallowRenderer {
     return this.getRenderOutput();
   }
   getRenderOutput() {
-    return (
-      (this._instance && this._instance._renderedComponent &&
-      this._instance._renderedComponent._renderedOutput)
-      || null
-    );
+    return (this._instance &&
+      this._instance._renderedComponent &&
+      this._instance._renderedComponent._renderedOutput) ||
+      null;
   }
   unmount() {
     if (this._instance) {
       ReactReconciler.unmountComponent(
         this._instance,
-        false, /* safely */
-        false /* skipLifecycle */
+        false /* safely */,
+        false /* skipLifecycle */,
       );
     }
   }
@@ -132,11 +125,18 @@ class ReactShallowRenderer {
         this._instance,
         element,
         transaction,
-        context
+        context,
       );
     } else {
       var instance = new ShallowComponentWrapper(element);
-      ReactReconciler.mountComponent(instance, transaction, null, null, context, 0);
+      ReactReconciler.mountComponent(
+        instance,
+        transaction,
+        null,
+        null,
+        context,
+        0,
+      );
       this._instance = instance;
     }
   }
diff --git a/src/test/ReactTestUtils.js b/src/test/ReactTestUtils.js
index 308f74f5fe..d3190de877 100644
--- a/src/test/ReactTestUtils.js
+++ b/src/test/ReactTestUtils.js
@@ -59,10 +59,7 @@ function findAllInRenderedStackTreeInternal(inst, test) {
         continue;
       }
       ret = ret.concat(
-        findAllInRenderedStackTreeInternal(
-          renderedChildren[key],
-          test
-        )
+        findAllInRenderedStackTreeInternal(renderedChildren[key], test),
       );
     }
   } else if (
@@ -70,7 +67,7 @@ function findAllInRenderedStackTreeInternal(inst, test) {
     typeof currentElement.type === 'function'
   ) {
     ret = ret.concat(
-      findAllInRenderedStackTreeInternal(inst._renderedComponent, test)
+      findAllInRenderedStackTreeInternal(inst._renderedComponent, test),
     );
   }
   return ret;
@@ -81,7 +78,7 @@ function findAllInRenderedFiberTreeInternal(fiber, test) {
     return [];
   }
   var currentParent = ReactFiberTreeReflection.findCurrentFiberUsingSlowPath(
-    fiber
+    fiber,
   );
   if (!currentParent) {
     return [];
@@ -89,8 +86,12 @@ function findAllInRenderedFiberTreeInternal(fiber, test) {
   let node = currentParent;
   let ret = [];
   while (true) {
-    if (node.tag === HostComponent || node.tag === HostText ||
-        node.tag === ClassComponent || node.tag === FunctionalComponent) {
+    if (
+      node.tag === HostComponent ||
+      node.tag === HostText ||
+      node.tag === ClassComponent ||
+      node.tag === FunctionalComponent
+    ) {
       var publicInst = node.stateNode;
       if (test(publicInst)) {
         ret.push(publicInst);
@@ -140,10 +141,7 @@ var ReactTestUtils = {
   },
 
   isElementOfType: function(inst, convenienceConstructor) {
-    return (
-      React.isValidElement(inst) &&
-      inst.type === convenienceConstructor
-    );
+    return React.isValidElement(inst) && inst.type === convenienceConstructor;
   },
 
   isDOMComponent: function(inst) {
@@ -151,9 +149,7 @@ var ReactTestUtils = {
   },
 
   isDOMComponentElement: function(inst) {
-    return !!(inst &&
-              React.isValidElement(inst) &&
-              !!inst.tagName);
+    return !!(inst && React.isValidElement(inst) && !!inst.tagName);
   },
 
   isCompositeComponent: function(inst) {
@@ -163,8 +159,8 @@ var ReactTestUtils = {
       return false;
     }
     return inst != null &&
-           typeof inst.render === 'function' &&
-           typeof inst.setState === 'function';
+      typeof inst.render === 'function' &&
+      typeof inst.setState === 'function';
   },
 
   isCompositeComponentWithType: function(inst, type) {
@@ -172,11 +168,11 @@ var ReactTestUtils = {
       return false;
     }
     var internalInstance = ReactInstanceMap.get(inst);
-    var constructor = typeof internalInstance.tag === 'number' ?
-      internalInstance.type : // Fiber reconciler
-      internalInstance._currentElement.type; // Stack reconciler
+    var constructor = typeof internalInstance.tag === 'number'
+      ? internalInstance.type // Fiber reconciler
+      : internalInstance._currentElement.type; // Stack reconciler
 
-    return (constructor === type);
+    return constructor === type;
   },
 
   // TODO: deprecate? It's undocumented and unused.
@@ -187,21 +183,17 @@ var ReactTestUtils = {
     // We check the prototype of the type that will get mounted, not the
     // instance itself. This is a future proof way of duck typing.
     var prototype = inst.type.prototype;
-    return (
-      typeof prototype.render === 'function' &&
-      typeof prototype.setState === 'function'
-    );
+    return typeof prototype.render === 'function' &&
+      typeof prototype.setState === 'function';
   },
 
   // TODO: deprecate? It's undocumented and unused.
   isCompositeComponentElementWithType: function(inst, type) {
     var internalInstance = ReactInstanceMap.get(inst);
-    var constructor = internalInstance
-      ._currentElement
-      .type;
+    var constructor = internalInstance._currentElement.type;
 
     return !!(ReactTestUtils.isCompositeComponentElement(inst) &&
-             (constructor === type));
+      constructor === type);
   },
 
   // TODO: deprecate? It's undocumented and unused.
@@ -219,7 +211,7 @@ var ReactTestUtils = {
     }
     invariant(
       ReactTestUtils.isCompositeComponent(inst),
-      'findAllInRenderedTree(...): instance must be a composite component'
+      'findAllInRenderedTree(...): instance must be a composite component',
     );
     var internalInstance = ReactInstanceMap.get(inst);
     if (internalInstance && typeof internalInstance.tag === 'number') {
@@ -248,7 +240,7 @@ var ReactTestUtils = {
           invariant(
             classNames !== undefined,
             'TestUtils.scryRenderedDOMComponentsWithClass expects a ' +
-            'className as a second argument.'
+              'className as a second argument.',
           );
           classNames = classNames.split(/\s+/);
         }
@@ -267,18 +259,22 @@ var ReactTestUtils = {
    * @return {!ReactDOMComponent} The one match.
    */
   findRenderedDOMComponentWithClass: function(root, className) {
-    var all =
-      ReactTestUtils.scryRenderedDOMComponentsWithClass(root, className);
+    var all = ReactTestUtils.scryRenderedDOMComponentsWithClass(
+      root,
+      className,
+    );
     if (all.length !== 1) {
       throw new Error(
-        'Did not find exactly one match (found: ' + all.length + ') ' +
-        'for class:' + className
+        'Did not find exactly one match (found: ' +
+          all.length +
+          ') ' +
+          'for class:' +
+          className,
       );
     }
     return all[0];
   },
 
-
   /**
    * Finds all instance of components in the rendered tree that are DOM
    * components with the tag name matching `tagName`.
@@ -287,7 +283,7 @@ var ReactTestUtils = {
   scryRenderedDOMComponentsWithTag: function(root, tagName) {
     return ReactTestUtils.findAllInRenderedTree(root, function(inst) {
       return ReactTestUtils.isDOMComponent(inst) &&
-            inst.tagName.toUpperCase() === tagName.toUpperCase();
+        inst.tagName.toUpperCase() === tagName.toUpperCase();
     });
   },
 
@@ -301,24 +297,23 @@ var ReactTestUtils = {
     var all = ReactTestUtils.scryRenderedDOMComponentsWithTag(root, tagName);
     if (all.length !== 1) {
       throw new Error(
-        'Did not find exactly one match (found: ' + all.length + ') ' +
-        'for tag:' + tagName
+        'Did not find exactly one match (found: ' +
+          all.length +
+          ') ' +
+          'for tag:' +
+          tagName,
       );
     }
     return all[0];
   },
 
-
   /**
    * Finds all instances of components with type equal to `componentType`.
    * @return {array} an array of all the matches.
    */
   scryRenderedComponentsWithType: function(root, componentType) {
     return ReactTestUtils.findAllInRenderedTree(root, function(inst) {
-      return ReactTestUtils.isCompositeComponentWithType(
-        inst,
-        componentType
-      );
+      return ReactTestUtils.isCompositeComponentWithType(inst, componentType);
     });
   },
 
@@ -331,12 +326,15 @@ var ReactTestUtils = {
   findRenderedComponentWithType: function(root, componentType) {
     var all = ReactTestUtils.scryRenderedComponentsWithType(
       root,
-      componentType
+      componentType,
     );
     if (all.length !== 1) {
       throw new Error(
-        'Did not find exactly one match (found: ' + all.length + ') ' +
-        'for componentType:' + componentType
+        'Did not find exactly one match (found: ' +
+          all.length +
+          ') ' +
+          'for componentType:' +
+          componentType,
       );
     }
     return all[0];
@@ -359,11 +357,7 @@ var ReactTestUtils = {
     mockTagName = mockTagName || module.mockTagName || 'div';
 
     module.prototype.render.mockImplementation(function() {
-      return React.createElement(
-        mockTagName,
-        null,
-        this.props.children
-      );
+      return React.createElement(mockTagName, null, this.props.children);
     });
 
     return this;
@@ -380,7 +374,7 @@ var ReactTestUtils = {
     fakeNativeEvent.target = node;
     ReactBrowserEventEmitter.ReactEventListener.dispatchEvent(
       topLevelType,
-      fakeNativeEvent
+      fakeNativeEvent,
     );
   },
 
@@ -392,21 +386,20 @@ var ReactTestUtils = {
    * @param {?Event} fakeNativeEvent Fake native event to use in SyntheticEvent.
    */
   simulateNativeEventOnDOMComponent: function(
-      topLevelType,
-      comp,
-      fakeNativeEvent) {
+    topLevelType,
+    comp,
+    fakeNativeEvent,
+  ) {
     ReactTestUtils.simulateNativeEventOnNode(
       topLevelType,
       findDOMNode(comp),
-      fakeNativeEvent
+      fakeNativeEvent,
     );
   },
 
   nativeTouchData: function(x, y) {
     return {
-      touches: [
-        {pageX: x, pageY: y},
-      ],
+      touches: [{pageX: x, pageY: y}],
     };
   },
 
@@ -432,7 +425,7 @@ function makeSimulator(eventType) {
     invariant(
       !React.isValidElement(domComponentOrNode),
       'TestUtils.Simulate expects a component instance and not a ReactElement.' +
-      'TestUtils.Simulate will not work if you are using shallow rendering.'
+        'TestUtils.Simulate will not work if you are using shallow rendering.',
     );
     if (ReactTestUtils.isDOMComponent(domComponentOrNode)) {
       node = findDOMNode(domComponentOrNode);
@@ -440,8 +433,9 @@ function makeSimulator(eventType) {
       node = domComponentOrNode;
     }
 
-    var dispatchConfig =
-      EventPluginRegistry.eventNameDispatchConfigs[eventType];
+    var dispatchConfig = EventPluginRegistry.eventNameDispatchConfigs[
+      eventType
+    ];
 
     var fakeNativeEvent = new Event();
     fakeNativeEvent.target = node;
@@ -454,7 +448,7 @@ function makeSimulator(eventType) {
       dispatchConfig,
       targetInst,
       fakeNativeEvent,
-      node
+      node,
     );
 
     // Since we aren't using pooling, always persist the event. This will make
@@ -530,14 +524,14 @@ function makeNativeSimulator(eventType) {
       ReactTestUtils.simulateNativeEventOnDOMComponent(
         eventType,
         domComponentOrNode,
-        fakeNativeEvent
+        fakeNativeEvent,
       );
     } else if (domComponentOrNode.tagName) {
       // Will allow on actual dom nodes.
       ReactTestUtils.simulateNativeEventOnNode(
         eventType,
         domComponentOrNode,
-        fakeNativeEvent
+        fakeNativeEvent,
       );
     }
   };
@@ -545,14 +539,16 @@ function makeNativeSimulator(eventType) {
 
 Object.keys(topLevelTypes).forEach(function(eventType) {
   // Event type is stored as 'topClick' - we transform that to 'click'
-  var convenienceName = eventType.indexOf('top') === 0 ?
-    eventType.charAt(3).toLowerCase() + eventType.substr(4) : eventType;
+  var convenienceName = eventType.indexOf('top') === 0
+    ? eventType.charAt(3).toLowerCase() + eventType.substr(4)
+    : eventType;
   /**
    * @param {!Element|ReactDOMComponent} domComponentOrNode
    * @param {?Event} nativeEventData Fake native event to use in SyntheticEvent.
    */
-  ReactTestUtils.SimulateNative[convenienceName] =
-    makeNativeSimulator(eventType);
+  ReactTestUtils.SimulateNative[convenienceName] = makeNativeSimulator(
+    eventType,
+  );
 });
 
 module.exports = ReactTestUtils;
diff --git a/src/test/__tests__/ReactTestUtils-test.js b/src/test/__tests__/ReactTestUtils-test.js
index 4afb19af5b..a196a0b116 100644
--- a/src/test/__tests__/ReactTestUtils-test.js
+++ b/src/test/__tests__/ReactTestUtils-test.js
@@ -17,7 +17,6 @@ var ReactDOMServer;
 var ReactTestUtils;
 
 describe('ReactTestUtils', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactDOM = require('react-dom');
@@ -77,14 +76,14 @@ describe('ReactTestUtils', () => {
     var shallowRenderer = ReactTestUtils.createRenderer();
     expect(() => shallowRenderer.render(SomeComponent)).toThrowError(
       'ReactShallowRenderer render(): Invalid component element. Instead of ' +
-      'passing a component class, make sure to instantiate it by passing it ' +
-      'to React.createElement.'
+        'passing a component class, make sure to instantiate it by passing it ' +
+        'to React.createElement.',
     );
     expect(() => shallowRenderer.render(<div />)).toThrowError(
       'ReactShallowRenderer render(): Shallow rendering works only with ' +
-      'custom components, not primitives (div). Instead of calling ' +
-      '`.render(el)` and inspecting the rendered output, look at `el.props` ' +
-      'directly instead.'
+        'custom components, not primitives (div). Instead of calling ' +
+        '`.render(el)` and inspecting the rendered output, look at `el.props` ' +
+        'directly instead.',
     );
   });
 
@@ -143,10 +142,7 @@ describe('ReactTestUtils', () => {
 
         if (this.props.aNew === 'prop') {
           return (
-            <a
-              href="#"
-              onClick={this.onClick}
-              className={className}>
+            <a href="#" onClick={this.onClick} className={className}>
               Test link
             </a>
           );
@@ -217,7 +213,7 @@ describe('ReactTestUtils', () => {
       state = {clicked: false};
 
       handleUserClick = () => {
-        this.setState({ clicked: true });
+        this.setState({clicked: true});
       };
 
       render() {
@@ -294,11 +290,11 @@ describe('ReactTestUtils', () => {
     shallowRenderer.render(<SimpleComponent />);
     expectDev(console.error.calls.count()).toBe(1);
     expect(
-      console.error.calls.argsFor(0)[0].replace(/\(at .+?:\d+\)/g, '(at **)')
+      console.error.calls.argsFor(0)[0].replace(/\(at .+?:\d+\)/g, '(at **)'),
     ).toBe(
       'Warning: Failed context type: The context `name` is marked as ' +
-      'required in `SimpleComponent`, but its value is `undefined`.\n' +
-      '    in SimpleComponent (at **)'
+        'required in `SimpleComponent`, but its value is `undefined`.\n' +
+        '    in SimpleComponent (at **)',
     );
   });
 
@@ -312,7 +308,7 @@ describe('ReactTestUtils', () => {
     var renderedComponent = ReactTestUtils.renderIntoDocument(<Wrapper />);
     var scryResults = ReactTestUtils.scryRenderedDOMComponentsWithClass(
       renderedComponent,
-      'NonExistentClass'
+      'NonExistentClass',
     );
     expect(scryResults.length).toBe(0);
   });
@@ -327,7 +323,7 @@ describe('ReactTestUtils', () => {
     var renderedComponent = ReactTestUtils.renderIntoDocument(<Wrapper />);
     var scryResults = ReactTestUtils.scryRenderedDOMComponentsWithClass(
       renderedComponent,
-      'x'
+      'x',
     );
     expect(scryResults.length).toBe(1);
   });
@@ -342,19 +338,19 @@ describe('ReactTestUtils', () => {
     var renderedComponent = ReactTestUtils.renderIntoDocument(<Wrapper />);
     var scryResults1 = ReactTestUtils.scryRenderedDOMComponentsWithClass(
       renderedComponent,
-      'x y'
+      'x y',
     );
     expect(scryResults1.length).toBe(1);
 
     var scryResults2 = ReactTestUtils.scryRenderedDOMComponentsWithClass(
       renderedComponent,
-      'x z'
+      'x z',
     );
     expect(scryResults2.length).toBe(1);
 
     var scryResults3 = ReactTestUtils.scryRenderedDOMComponentsWithClass(
       renderedComponent,
-      ['x', 'y']
+      ['x', 'y'],
     );
     expect(scryResults3.length).toBe(1);
 
@@ -363,13 +359,13 @@ describe('ReactTestUtils', () => {
 
     var scryResults4 = ReactTestUtils.scryRenderedDOMComponentsWithClass(
       renderedComponent,
-      ['x', 'a']
+      ['x', 'a'],
     );
     expect(scryResults4.length).toBe(0);
 
     var scryResults5 = ReactTestUtils.scryRenderedDOMComponentsWithClass(
       renderedComponent,
-      ['x a']
+      ['x a'],
     );
     expect(scryResults5.length).toBe(0);
   });
@@ -387,14 +383,14 @@ describe('ReactTestUtils', () => {
         {null}
         <div>purple</div>
       </Wrapper>,
-      container
+      container,
     );
     var tree = ReactDOM.render(
       <Wrapper>
         <div>orange</div>
         <div>purple</div>
       </Wrapper>,
-      container
+      container,
     );
 
     var log = [];
@@ -424,7 +420,7 @@ describe('ReactTestUtils', () => {
 
     injectedDOMComponents.forEach(function(type) {
       var testComponent = ReactTestUtils.renderIntoDocument(
-        React.createElement(type)
+        React.createElement(type),
       );
       expect(testComponent.tagName).toBe(type.toUpperCase());
       expect(ReactTestUtils.isDOMComponent(testComponent)).toBe(true);
@@ -467,13 +463,18 @@ describe('ReactTestUtils', () => {
     };
     spyOn(obj, 'handler').and.callThrough();
     var container = document.createElement('div');
-    var instance = ReactDOM.render(<input type="text" onChange={obj.handler} />, container);
+    var instance = ReactDOM.render(
+      <input type="text" onChange={obj.handler} />,
+      container,
+    );
 
     var node = ReactDOM.findDOMNode(instance);
     node.value = 'giraffe';
     ReactTestUtils.Simulate.change(node);
 
-    expect(obj.handler).toHaveBeenCalledWith(jasmine.objectContaining({target: node}));
+    expect(obj.handler).toHaveBeenCalledWith(
+      jasmine.objectContaining({target: node}),
+    );
   });
 
   it('should change the value of an input field in a component', () => {
@@ -494,13 +495,18 @@ describe('ReactTestUtils', () => {
     };
     spyOn(obj, 'handler').and.callThrough();
     var container = document.createElement('div');
-    var instance = ReactDOM.render(<SomeComponent handleChange={obj.handler} />, container);
+    var instance = ReactDOM.render(
+      <SomeComponent handleChange={obj.handler} />,
+      container,
+    );
 
     var node = ReactDOM.findDOMNode(instance.refs.input);
     node.value = 'zebra';
     ReactTestUtils.Simulate.change(node);
 
-    expect(obj.handler).toHaveBeenCalledWith(jasmine.objectContaining({target: node}));
+    expect(obj.handler).toHaveBeenCalledWith(
+      jasmine.objectContaining({target: node}),
+    );
   });
 
   it('should throw when attempting to use ReactTestUtils.Simulate with shallow rendering', () => {
@@ -516,11 +522,13 @@ describe('ReactTestUtils', () => {
 
     var handler = jasmine.createSpy('spy');
     var shallowRenderer = ReactTestUtils.createRenderer();
-    var result = shallowRenderer.render(<SomeComponent handleClick={handler} />);
+    var result = shallowRenderer.render(
+      <SomeComponent handleClick={handler} />,
+    );
 
     expect(() => ReactTestUtils.Simulate.click(result)).toThrowError(
       'TestUtils.Simulate expects a component instance and not a ReactElement.' +
-      'TestUtils.Simulate will not work if you are using shallow rendering.'
+        'TestUtils.Simulate will not work if you are using shallow rendering.',
     );
     expect(handler).not.toHaveBeenCalled();
   });
@@ -531,7 +539,7 @@ describe('ReactTestUtils', () => {
     var CLIENT_X = 100;
 
     class Component extends React.Component {
-      handleClick = (e) => {
+      handleClick = e => {
         expect(e.clientX).toBe(CLIENT_X);
       };
 
@@ -542,10 +550,9 @@ describe('ReactTestUtils', () => {
 
     var element = document.createElement('div');
     var instance = ReactDOM.render(<Component />, element);
-    ReactTestUtils.Simulate.click(
-      ReactDOM.findDOMNode(instance),
-      {clientX: CLIENT_X}
-    );
+    ReactTestUtils.Simulate.click(ReactDOM.findDOMNode(instance), {
+      clientX: CLIENT_X,
+    });
     expectDev(console.error.calls.count()).toBe(0);
   });
 
@@ -571,7 +578,7 @@ describe('ReactTestUtils', () => {
   describe('Simulate', () => {
     it('should set the type of the event', () => {
       let event;
-      const stub = jest.genMockFn().mockImplementation((e) => {
+      const stub = jest.genMockFn().mockImplementation(e => {
         e.persist();
         event = e;
       });
@@ -586,5 +593,4 @@ describe('ReactTestUtils', () => {
       expect(event.nativeEvent.type).toBe('keydown');
     });
   });
-
 });
diff --git a/src/test/__tests__/reactComponentExpect-test.js b/src/test/__tests__/reactComponentExpect-test.js
index 02d4dd32ee..f1e844a54f 100644
--- a/src/test/__tests__/reactComponentExpect-test.js
+++ b/src/test/__tests__/reactComponentExpect-test.js
@@ -16,7 +16,6 @@ var ReactTestUtils;
 var reactComponentExpect;
 
 describe('reactComponentExpect', () => {
-
   beforeEach(() => {
     React = require('react');
     ReactTestUtils = require('ReactTestUtils');
@@ -27,9 +26,7 @@ describe('reactComponentExpect', () => {
     class SomeComponent extends React.Component {
       state = {y: 2};
       render() {
-        return (
-          <div className="Hello" />
-        );
+        return <div className="Hello" />;
       }
     }
 
@@ -46,9 +43,7 @@ describe('reactComponentExpect', () => {
   it('should match empty DOM components', () => {
     class SomeComponent extends React.Component {
       render() {
-        return (
-          <div className="Hello" />
-        );
+        return <div className="Hello" />;
       }
     }
 
diff --git a/src/test/getTestDocument.js b/src/test/getTestDocument.js
index 8f681cd428..bd0c0e9cba 100644
--- a/src/test/getTestDocument.js
+++ b/src/test/getTestDocument.js
@@ -14,7 +14,8 @@
 function getTestDocument(markup) {
   document.open();
   document.write(
-    markup || '<!doctype html><html><meta charset=utf-8><title>test doc</title>'
+    markup ||
+      '<!doctype html><html><meta charset=utf-8><title>test doc</title>',
   );
   document.close();
   return document;
diff --git a/src/test/reactComponentExpect.js b/src/test/reactComponentExpect.js
index 619bd1d9a2..ddf013ab92 100644
--- a/src/test/reactComponentExpect.js
+++ b/src/test/reactComponentExpect.js
@@ -44,7 +44,7 @@ function reactComponentExpect(instance) {
 
   invariant(
     ReactTestUtils.isCompositeComponent(instance),
-    'reactComponentExpect(...): instance must be a composite component'
+    'reactComponentExpect(...): instance must be a composite component',
   );
   var internalInstance = ReactInstanceMap.get(instance);
 
@@ -124,8 +124,7 @@ Object.assign(reactComponentExpectInternal.prototype, {
       }
     } else {
       // Stack reconciler
-      var renderedChildren =
-        this._instance._renderedChildren || {};
+      var renderedChildren = this._instance._renderedChildren || {};
       for (var name in renderedChildren) {
         if (!renderedChildren.hasOwnProperty(name)) {
           continue;
@@ -174,14 +173,10 @@ Object.assign(reactComponentExpectInternal.prototype, {
   toBeComponentOfType: function(constructor) {
     if (typeof this._instance.tag === 'number') {
       // Fiber reconciler
-      expect(
-        this._instance.type === constructor
-      ).toBe(true);
+      expect(this._instance.type === constructor).toBe(true);
     } else {
       // Stack reconciler
-      expect(
-        this._instance._currentElement.type === constructor
-      ).toBe(true);
+      expect(this._instance._currentElement.type === constructor).toBe(true);
     }
     return this;
   },
@@ -195,7 +190,7 @@ Object.assign(reactComponentExpectInternal.prototype, {
     // and doesn't work with them.
     expect(
       typeof this.instance() === 'object' &&
-      typeof this.instance().render === 'function'
+        typeof this.instance().render === 'function',
     ).toBe(true);
     return this;
   },
@@ -211,7 +206,9 @@ Object.assign(reactComponentExpectInternal.prototype, {
       // Fiber reconciler
       expect(this._instance.tag === HostText).toBe(true);
       var actualVal = this._instance.memoizedProps;
-      expect(typeof actualVal === 'string' || typeof actualVal === 'number').toBe(true);
+      expect(
+        typeof actualVal === 'string' || typeof actualVal === 'number',
+      ).toBe(true);
       expect('' + actualVal).toBe(val);
     } else {
       // Fiber reconciler
@@ -256,8 +253,9 @@ Object.assign(reactComponentExpectInternal.prototype, {
       if (!stateNameToExpectedValue.hasOwnProperty(stateName)) {
         continue;
       }
-      expect(this.instance().state[stateName])
-        .toEqual(stateNameToExpectedValue[stateName]);
+      expect(this.instance().state[stateName]).toEqual(
+        stateNameToExpectedValue[stateName],
+      );
     }
     return this;
   },
@@ -272,8 +270,9 @@ Object.assign(reactComponentExpectInternal.prototype, {
       if (!propNameToExpectedValue.hasOwnProperty(propName)) {
         continue;
       }
-      expect(this.instance().props[propName])
-        .toEqual(propNameToExpectedValue[propName]);
+      expect(this.instance().props[propName]).toEqual(
+        propNameToExpectedValue[propName],
+      );
     }
     return this;
   },
@@ -288,8 +287,9 @@ Object.assign(reactComponentExpectInternal.prototype, {
       if (!contextNameToExpectedValue.hasOwnProperty(contextName)) {
         continue;
       }
-      expect(this.instance().context[contextName])
-        .toEqual(contextNameToExpectedValue[contextName]);
+      expect(this.instance().context[contextName]).toEqual(
+        contextNameToExpectedValue[contextName],
+      );
     }
     return this;
   },
diff --git a/src/umd/ReactUMDEntry.js b/src/umd/ReactUMDEntry.js
index ab926354a6..fd08211201 100644
--- a/src/umd/ReactUMDEntry.js
+++ b/src/umd/ReactUMDEntry.js
@@ -14,11 +14,14 @@
 var React = require('React');
 
 // `version` will be added here by the React module.
-var ReactUMDEntry = Object.assign({
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
-    ReactCurrentOwner: require('react/lib/ReactCurrentOwner'),
+var ReactUMDEntry = Object.assign(
+  {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      ReactCurrentOwner: require('react/lib/ReactCurrentOwner'),
+    },
   },
-}, React);
+  React,
+);
 
 if (__DEV__) {
   Object.assign(
@@ -26,7 +29,7 @@ if (__DEV__) {
     {
       // ReactComponentTreeHook should not be included in production.
       ReactComponentTreeHook: require('react/lib/ReactComponentTreeHook'),
-    }
+    },
   );
 }
 
diff --git a/src/umd/ReactWithAddonsUMDEntry.js b/src/umd/ReactWithAddonsUMDEntry.js
index c36ade28a9..3e02225990 100644
--- a/src/umd/ReactWithAddonsUMDEntry.js
+++ b/src/umd/ReactWithAddonsUMDEntry.js
@@ -14,12 +14,15 @@
 var ReactWithAddons = require('ReactWithAddons');
 
 // `version` will be added here by the React module.
-var ReactWithAddonsUMDEntry = Object.assign({
-  __SECRET_INJECTED_REACT_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: null, // Will be injected by ReactDOM UMD build.
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
-    ReactCurrentOwner: require('react/lib/ReactCurrentOwner'),
+var ReactWithAddonsUMDEntry = Object.assign(
+  {
+    __SECRET_INJECTED_REACT_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: null, // Will be injected by ReactDOM UMD build.
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+      ReactCurrentOwner: require('react/lib/ReactCurrentOwner'),
+    },
   },
-}, ReactWithAddons);
+  ReactWithAddons,
+);
 
 if (__DEV__) {
   Object.assign(
@@ -27,7 +30,7 @@ if (__DEV__) {
     {
       // ReactComponentTreeHook should not be included in production.
       ReactComponentTreeHook: require('react/lib/ReactComponentTreeHook'),
-    }
+    },
   );
 }
 

From ba1299acc2c3b66ec1e093c201bcede421a8caa0 Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Mon, 13 Mar 2017 17:06:03 -0700
Subject: [PATCH 13/14] Non idempotent steps in prettier

---
 src/isomorphic/classic/class/ReactClass.js            | 11 ++++-------
 .../__tests__/ReactComponentLifeCycle-test.js         |  5 ++---
 src/renderers/shared/stack/reconciler/Transaction.js  |  3 ++-
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/isomorphic/classic/class/ReactClass.js b/src/isomorphic/classic/class/ReactClass.js
index 342b8ff266..fb1c07ec08 100644
--- a/src/isomorphic/classic/class/ReactClass.js
+++ b/src/isomorphic/classic/class/ReactClass.js
@@ -36,22 +36,19 @@ type SpecPolicy =
   /**
    * These methods may be defined only once by the class specification or mixin.
    */
-  | 'DEFINE_ONCE'
-  | /**
+  | 'DEFINE_ONCE' /**
    * These methods may be defined by both the class specification and mixins.
    * Subsequent definitions will be chained. These methods must return void.
    */
-  'DEFINE_MANY'
-  | /**
+  | 'DEFINE_MANY' /**
    * These methods are overriding the base class.
    */
-  'OVERRIDE_BASE'
-  | /**
+  | 'OVERRIDE_BASE' /**
    * These methods are similar to DEFINE_MANY, except we assume they return
    * objects. We try to merge the keys of the return values of all the mixed in
    * functions. If there is a key conflict we throw.
    */
-  'DEFINE_MANY_MERGED';
+  | 'DEFINE_MANY_MERGED';
 
 /**
  * Composite components are higher-level components that compose other composite
diff --git a/src/renderers/__tests__/ReactComponentLifeCycle-test.js b/src/renderers/__tests__/ReactComponentLifeCycle-test.js
index 8afe230ad2..e65acdfbd1 100644
--- a/src/renderers/__tests__/ReactComponentLifeCycle-test.js
+++ b/src/renderers/__tests__/ReactComponentLifeCycle-test.js
@@ -69,11 +69,10 @@ type ComponentLifeCycle =
    * Mounted components have a DOM node representation and are capable of
    * receiving new props.
    */
-  | 'MOUNTED'
-  | /**
+  | 'MOUNTED' /**
    * Unmounted components are inactive and cannot receive new props.
    */
-  'UNMOUNTED';
+  | 'UNMOUNTED';
 
 function getLifeCycleState(instance): ComponentLifeCycle {
   return instance.updater.isMounted(instance) ? 'MOUNTED' : 'UNMOUNTED';
diff --git a/src/renderers/shared/stack/reconciler/Transaction.js b/src/renderers/shared/stack/reconciler/Transaction.js
index a1388f4e90..cea93d263f 100644
--- a/src/renderers/shared/stack/reconciler/Transaction.js
+++ b/src/renderers/shared/stack/reconciler/Transaction.js
@@ -131,7 +131,8 @@ var TransactionImpl = {
     d: D,
     e: E,
     f: F,
-  ) => G>(method: T, scope: any, a: A, b: B, c: C, d: D, e: E, f: F): G { // eslint-disable-line space-before-function-paren
+  ) => G>(method: T, scope: any, a: A, b: B, c: C, d: D, e: E, f: F): G {
+    // eslint-disable-line space-before-function-paren
     invariant(
       !this.isInTransaction(),
       'Transaction.perform(...): Cannot initialize a transaction when there ' +

From 7e078d6a923783bc4914c16ad90cc6fb1c93274d Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Tue, 14 Mar 2017 14:12:35 -0700
Subject: [PATCH 14/14] Fix lint rules

The typeof one is a bit strange because the disable rule gets moved.
---
 .eslintrc.js                                         | 5 +++--
 src/renderers/shared/shared/event/SyntheticEvent.js  | 4 ++--
 src/renderers/shared/stack/reconciler/Transaction.js | 1 -
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 997e5bb46f..71cac5b6d7 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -23,7 +23,7 @@ module.exports = {
     'dot-notation': ERROR,
     'eol-last': ERROR,
     'eqeqeq': [ERROR, 'allow-null'],
-    'indent': [ERROR, 2, {SwitchCase: 1}],
+    'indent': OFF,
     'jsx-quotes': [ERROR, 'prefer-double'],
     'keyword-spacing': [ERROR, {after: true, before: true}],
     'no-bitwise': OFF,
@@ -33,9 +33,10 @@ module.exports = {
     'no-shadow': ERROR,
     'no-unused-expressions': ERROR,
     'no-unused-vars': [ERROR, {args: 'none'}],
+    'no-useless-concat': OFF,
     'quotes': [ERROR, 'single', {avoidEscape: true, allowTemplateLiterals: true }],
     'space-before-blocks': ERROR,
-    'space-before-function-paren': [ERROR, {anonymous: 'never', named: 'never'}],
+    'space-before-function-paren': OFF,
 
     // React & JSX
     // Our transforms set this automatically
diff --git a/src/renderers/shared/shared/event/SyntheticEvent.js b/src/renderers/shared/shared/event/SyntheticEvent.js
index fa9e97d7bd..81bb3d784c 100644
--- a/src/renderers/shared/shared/event/SyntheticEvent.js
+++ b/src/renderers/shared/shared/event/SyntheticEvent.js
@@ -9,6 +9,8 @@
  * @providesModule SyntheticEvent
  */
 
+/* eslint valid-typeof: 0 */
+
 'use strict';
 
 var PooledClass = require('PooledClass');
@@ -126,7 +128,6 @@ Object.assign(SyntheticEvent.prototype, {
     if (event.preventDefault) {
       event.preventDefault();
     } else if (typeof event.returnValue !== 'unknown') {
-      // eslint-disable-line valid-typeof
       event.returnValue = false;
     }
     this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
@@ -141,7 +142,6 @@ Object.assign(SyntheticEvent.prototype, {
     if (event.stopPropagation) {
       event.stopPropagation();
     } else if (typeof event.cancelBubble !== 'unknown') {
-      // eslint-disable-line valid-typeof
       // The ChangeEventPlugin registers a "propertychange" event for
       // IE. This event does not support bubbling or cancelling, and
       // any references to cancelBubble throw "Member not found".  A
diff --git a/src/renderers/shared/stack/reconciler/Transaction.js b/src/renderers/shared/stack/reconciler/Transaction.js
index cea93d263f..e08f2bbd4e 100644
--- a/src/renderers/shared/stack/reconciler/Transaction.js
+++ b/src/renderers/shared/stack/reconciler/Transaction.js
@@ -132,7 +132,6 @@ var TransactionImpl = {
     e: E,
     f: F,
   ) => G>(method: T, scope: any, a: A, b: B, c: C, d: D, e: E, f: F): G {
-    // eslint-disable-line space-before-function-paren
     invariant(
       !this.isInTransaction(),
       'Transaction.perform(...): Cannot initialize a transaction when there ' +